企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
一、定义组件名 注册组件命名时: 要么单词首字母都大写(大驼峰),要么都小写用短横线连接,所以我们选择使用以大驼峰的命名方式进行命名 二、单文件组件命名 ![](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