文件命名

/src/components/ 目录：
存放全局通用公共组件，采用 PascalCase 命名，以一个特定的前缀开头，比如 Base、App 或 V

/src/views 目录：
存放页面或视图文件，kebab-case 文件夹命名，下面放 index.vue

组件名

定义用 PascalCase 命名：

export default {
  name: 'TodoItem',
  // ...
}

HTML 中使用 kebab-case：

<todo-item></todo-item>

定义只能使用 camelCase 命名：

Vue.component('blog-post', {
  // 在 JavaScript 中是 camelCase 的
  props: ['postTitle'],
  template: '<h3>{{ postTitle }}</h3>'
})

HTML 中使用 kebab-case 命名：

<!-- 在 HTML 中是 kebab-case 的 -->
<blog-post post-title="hello!"></blog-post>

全部使用 kebab-case