差异

命名规范

• 我们单纯的遵循每个语言的约定。在 JavaScript 中更自然的是 camelCase。而在 HTML 中则是 kebab-case。

原airbnb规范 (opens new window)

单文件组件的文件名应该始终是kebab-case

业务中使用是PascalCase

组件的实例用camelCase

没有内容的组件应该是自闭合的

components/
|- my-component.vue

import MyComponent from './components/my-component.vue';

const myComponent = <MyComponent />;
成功

// 业务中使用 
<MyComponent />
<MyComponent>
  <span>这是一个组件</span>
</MyComponent>
成功