1.多单词组件名

1
name:'TodoItem'

2.组件文件名称

  • 开头单词大写
  • 或者始终横线连接
1
2
TodoItem.vue
todo-item.vue

3.统一组件名的前缀

某相似的基础组件，应该用特定的一个前缀开头，方便分类

4.单页面不复用的组件

每个页面只用到一次，不接受任何prop的组件，应该为其加上The前缀

5.子组件依赖父组件

有这种依赖关系的，需要用父组件名称做前缀

6.prop命名和模板命名

在prop中用驼峰命名，在模板中用xxx-xxx

1
2
3
4
props: {
  greetingText: String
}
<WelcomeMessage greeting-text="hi"/>