一、定义组件名
注册组件命名时: 要么单词首字母都大写(大驼峰),要么都小写用短横线连接,所以我们选择使用以大驼峰的命名方式进行命名
二、单文件组件命名
![](https://img.kancloud.cn/93/73/937324126892c398f012bfa8ce8b45cb_480x323.png)
拆分单文件组件命名时:要么单词首字母都大写(大驼峰),要么都小写用短横线连接
三、基础组件命名
应用特定样式和约定的基础组件 (也就是展示类的、无逻辑的或无状态的组件) 应该全部以一个特定的前缀开头,比如 Base、App 或 V。像button icon 这类的
![](https://img.kancloud.cn/c1/07/c10740c84621370104666fde1f3ba88e_869x643.png)
四、单例组件名
只应该拥有单个活跃实例的组件应该以 The 前缀命名,以示其唯一性。
像sidebar navbar 这样的
这不意味着组件只可用于一个单页面,而是每个页面只使用一次。这些组件永远不接受任何 prop,因为它们是为你的应用定制的,而不是它们在你的应用中的上下文。如果你发现有必要添加 prop,那就表明这实际上是一个可复用的组件,只是目前在每个页面里只使用一次。
![](https://img.kancloud.cn/91/b5/91b514b868b5e559db3f4cbda99e5b9f_849x730.png)
五、紧密耦合的组件名
和父组件紧密耦合的子组件应该以父组件名作为前缀命名。
因为编辑器通常会按字母顺序组织文件,所以这样做可以把相关联的文件排在一起。
![](https://img.kancloud.cn/00/d2/00d2fc28602246da1c7a46bb382ab8a1_799x768.png)
原文链接:https://blog.csdn.net/weixin_59229847/article/details/121185042