from vue 风格指南
- 单文件组件的文件名始终是单词大写开头
- 应用的、无逻辑的或无状态的组件 全部以 Base 开头
- 只应该拥有单个活跃实例的组件以 The 前缀命名，以示其唯一性
- 和父组件紧密特定样式和约定的基础组件,以父组件名作为前缀命名
- 组件名以高级别的单词开头，以描述性的修饰词结尾
- 在单文件组件、字符串模板和 JSX 中没有内容的组件自闭合
- 在单文件组件和字符串模板中组件名总是 PascalCase 的——但是在 DOM 模板中总是 kebab-case 的
- JS/JSX 中的组件名始终是 PascalCase 的，尽管在较为简单的应用中只使用 Vue.component 进行全局组件注册时，可以使用 kebab-case 字符串
- 在声明 prop 的时候，其命名应该始终使用 camelCase，而在模板和 JSX 中应该始终使用 kebab-case
- 多个 attribute 的元素分多行撰写
- 复杂计算属性分割为尽可能多的更简单的 property
- 整体应用指令缩写
- 元素选择器应该避免在 scoped 中出现
- 应该优先通过 prop 和事件进行父子组件之间的通信，而不是 this.$parent 或变更 prop
- 应该优先通过 Vuex 管理全局状态，而不是通过 this.$root 或一个全局事件总线
- script，template，style 的顺序保持一直