前端项目的开发规范

1. 编写规范

不要出现拼音命名
开发过程中随时添加注释
尽量按照 ESLint 格式要求编写代码

• 普通变量命名规范
  命名方法 ：驼峰命名法且与内容相关 let myName = ‘xxx’

• class 类名
  命名方法 : 全部小写
  命名规范 : 使用小写字母和中划线来组合命名，中划线用以分割单词
  div class=‘view_item’

• 组件命名
  文件夹的命名统一首字母大写 及驼峰命名规则

  文件名统一使用index.vue
  组件名应该始终是多个单词的
  有意义的名词、简短、具有可读性

• method 方法命名命名规范
  驼峰式命名，统一使用动词或者动词+名词形式
  请求数据方法，以 data 结尾
  尽量使用常用单词开头（set、get、go、can、has、is） 可以参考如下的动作：
  has: 判断是否含有某个值
  is: 判断是否为某个值
  get: 获取某个值
  set: 设置某个值
  update: 更新某个值
  fetch: ajax 请求（一般用在 vuex 里的 actions）
  on: 触发事件（click/change 等 dom 事件或者emit派发事件）
  render: 渲染页面
  handle: 执行某一个事件（如果不清楚用什么动词前缀，可以使用 handle）
  还有很多类似的动作，例如：add/delete/put/select/change/move/remove/to等

• 指令规范

  指令有缩写一律采用缩写形式
  :value=""
  @click=""
  v-for 循环必须加上 key 属性，在整个 for 循环中 key 需要唯一
  避免 v-if 和 v-for 同时用在一个元素上（性能问题）, 可将数据替换为一个计算属性，让其返回过滤后的列表(先把你要循环的数据通过计算属性进行处理)