Vue 编写规范

1. 组件名格式

完整的单词拼写
多个单词都以大写开头
模板中使用时,可大写(自闭合),也可小写以短横线连接(需手动闭合)

2. prop 书写格式

表达详尽
声明的时候,驼峰式书写
模板中短横线小写

3.v-for

要明确书写不重复的 key

4.v-if, v-for

避免同时使用

5.组件样式

设置作用域scoped
或者定义短横线连接详细名称
类选择器比元素选择器要好

6.私有属性名称

$_前缀+_命名空间+_name

7.组件名称

基础组件名,Base,App,Button等开头
单例组件名,The开头
紧密组件名,子组件以父组件名开头
名称顺序,一般性开头+修饰性结尾,如:SearchButtonClear

8.计算属性 computed

简单的表达式也要写在computed中
尽量把复杂逻辑分开多个书写

9.attribute

都使用引号

10.v-on,v-bind

书写要一直,都使用简写

11.父子组件通信

prop 下传
emit 上传

12. vuex

全局状态管理,使用vuex

参考: https://v3.cn.vuejs.org/style-guide/#%E8%A7%84%E5%88%99%E7%B1%BB%E5%88%AB

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注