前端开发规范

命名规范
1. 变量名/参数名/属性: 使用下划线命名法 

如：name_id

2. 函数名/方法: 使用小驼峰命名法 

如：getData()

3. 杜绝完全不规范的缩写，避免望文不知意

如：condition 缩写成 condi

4. 查询类的方法用get做前缀

function getData() {
  ...
}

 5. 设置类的方法用set做前缀

function setData() {
  ...
}

6. 新增的方法用add做前缀

function addData() {
  ...
}

7. 删除的方法用delete做前缀

function deleteData() {
  ...
}

8. 修改的方法用update做前缀

function updateData() {
  ...
}

9. 和⽗组件紧密耦合的⼦组件应该以⽗组件名作为前缀命名

VUE规范
1. v-if、v-style等复杂判断条件应抽离出来，定义为计算属性

2. 单个文件不超过1000行，单个方法不超过50行

3. 组件模板中，调用子组件属性为true使用简写

4. 钩子函数内不要直接写业务逻辑，把其抽成方法在钩子函数内调用

5. 避免使用v-html指令来渲染动态html

6. 避免使用this.$parent、 this $children因为它会增加组件的耦合性

7. props 的定义应该尽量详细，⾄少需要指定其类型

8. 为组件样式设置作用域 

<style lang="scss" scoped>

9.  除动态style外，禁止行内样式

10. 避免v-if和v-for用在一起；

11. 使用计算属性时，应注意依赖项是否为响应式数据，如果依赖项非响应式，那么计算属于不会自动更新

// countryCode未在data中的formData中定义,导致countryCode变化后,计算属性未变化
data() {
  retur