Vue代码风格及规范

一、命名规则（推荐）

　　1.根目录名单词用中划线分割

　　 2.目录命名：单词采用中划线方式分割

　　3.文件命名：采用小驼峰式命名法

　　4.组件/页面命名：采用大驼峰式命名法

二、单文件属性命名顺序：

　　export default{

　　　　name: 'xxx',

　　　　components: { },

　　　　mixins: [ ],

　　　　props: {},

　　　　data(){ return{} },

　　　　provide() { },

　　　　inject: [ ],

　　　　watch: { },

　　　　computed: { },

　　　　activated(): { },

　　　　deactivated(): { },

　　　　beforeCreate() { },

　　　　created() { },

　　　　.

　　　　.

　　　　.

　　}

三、自定义事件

　　1. 自定义事件用 @on-事件名 的方式，处理函数用handle+动词

 

四、常量

　　1.全大写，单词间用下划线分割

 

 

 五、引号混用

　　1.html模板中属性用双引号

　　2.js中声明的字符串用单引号

 

六、propos声明详细

　　1.定义类型和默认值

 

 

 七、computed一定要有默认返回值

　　1.所有分支也需要有返回值

八、v-for 要设置唯一标识key（最好是id，尽量不要使用index作为key）

九、标签里的属性多行写

十、模板里的表达式尽量简单

十一、组件名为多个单词，可以预防与html语义化标签冲突

十二、样式防止污染需要加 scoped，样式名尽量语义化