小白也能看懂的前端知识之八：最新Vue代码规范

1. 标签中的属性多于2个建议换行，并且右>也建议换行
   
2. 代码块之间建议加空行，比如两个自定义组件之间，header和body和footer之间，两个函数之间，created和methods之间
   
   
   
3. 双大括号、大括号之间两边建议加空格
   
   
4. vue中钩子函数及其他属性书写顺序为：name，components, props, data, computed, created, mounted, methods, watch。
   这样可以清楚的看到引入的组件以及props，props，data，computed放一起有助于找到数据来源
5. class和id都建议用短横线连接，如icon-common
6. html中的组件名建议用短横线连接，如add-mask，因为html是大小写不敏感的，如果引入了一个叫SpAn的组件，浏览器会将它解析为小写的span和已存在的span标签冲突，会导致错误。
   js中的组件名建议用大驼峰，如AddMask，方便写代码时一眼就能看出来是组件
7. js中的引入顺序建议为：1. 外引插件 2. 内引API 3. 内引公共文件 4. 内引组件
8. created中建议写一个初始化函数init，用来处理所有页面初始化的事件
9. created中建议调接口，如getTableData，getSelectData