mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-06 16:36:44 +08:00
22 lines
1.2 KiB
Markdown
22 lines
1.2 KiB
Markdown
- Vue文件命名： 大驼峰式命名法，即每个单词的首字母大写CamelCase.vue，2-3个单词用具体意义，不要过于简写。
|
||
|
||
- 定义变量使用let ，定义常量使用const，使用export，import 模块化。
|
||
|
||
- 基于模块方式开发，每个Vue文件等同于一个模块，模块应该专注于解决单一问题，是独立的可服用的。
|
||
|
||
- 行内表达式尽量简化，太复杂了不宜阅读和维护，可以考虑使用 method 或是 computed 属性来替代其功能；如获取年：(new Date()).getFullYear()，不要写在行内，使用computed来实现。
|
||
|
||
- 组件props尽量使用原始类型（字符串、数字、布尔值），这样清晰直观，便于理解。尽量避免使用复杂的对象。使用prop验证，代码更严谨。具体请参考：prop验证
|
||
|
||
- 使用ES6的箭头函数，这样就不用切换上下文，不用编写类似let self = this这样的代码。
|
||
|
||
- 组件自定义事件命名使用中横岗，对应组件外的一组意义操作。
|
||
|
||
- 避免使用：this.$parent
|
||
|
||
- 谨慎使用：this.$refs
|
||
|
||
- 样式作用域空间：<style scoped></style>
|
||
|
||
- 代码校验：[ESLint](https://eslint.org/)
|
||
- 待完善…… |