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