Vue组件开发标准

[LastPoem]

组件相关

• 语义化命名组件。
• 只要有能够拼接文件的构建系统，每个组件单独分成文件。
• 单文件组件的文件名要么单词大写开头 (PascalCase)，要么横线连接(kebab-case)并组件名完整单词而不缩写。
• 组件名应该以高级别的单词开头，以描述性的修饰词结尾，以大驼峰命名，与组件文件名一致。
• 和父组件紧密耦合的子组件应该以父组件名作为前缀命名，如组件需要嵌套使用，子组件命名在父组件后加 item。
• 在单文件组件中没有内容的组件应该是自闭合的。
• 在声明 prop 的时候，其命名应该始终使用 camelCase，而在模板中应该始终使用 kebab-case。
• 多个 Props 的元素应该分多行撰写，每个 Props 一行，闭合标签单起一行。
• 指令缩写，用 : 表示 v-bind: ，用 @ 表示 v-on:。
• 标签的 Props 应该有统一的顺序，依次为指令、属性和事件。
• vue 单文件中的