VUE 代码规范

# 文件名

参考 vue 项目文件,views 文件夹下子目录文件夹应大写开头,vue 文件应小写开头,多英文应大驼峰

>> Test
>>> test.vue

# 方法名

无外乎以下几种

1.动宾短语 example: jumpDetail openModal; 尽量不要只写 open 之类的
2.接口 example: getVehicleData postVehicleData
3.事件方法 example: onSubmit
4.尽量使用常用单词开头 

# 组件名

组件名应该始终是多个单词的,根组件 App 以及 <transition><component> 之类的 Vue 内置组件除外

export default {
  name: 'TodoItem',
  // ...
}

# 组件数据

组件的 data 必须是一个函数

export default {
  data () {
    return {
      foo: 'bar'
    }
  }
}

# Prop 定义

Prop定义应该尽量详细 在你提交的代码中,prop` 的定义应该尽量详细,至少需要指定其类型

// 好例子
props: {
  status: String
}

// 更好的例子
props: {
  status: {
    type: String,
    required: true,
    validator: function (value) {
      return [
        'syncing',
        'synced',
        'version-conflict',
        'error'
      ].indexOf(value) !== -1
    }
  }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值