vue 开发命名规范

vue 方法命名

vue 方法放置顺序
components
props
data
created
mounted
activited
update
beforeRouteUpdate
metods
filter
computed
watch

method 自定义方法命名

动宾短语(good:jumpPage、openCarInfoDialog)(bad:go、nextPage、show、open、login)
ajax 方法以 get、post 开头,以 data 结尾(good:getListData、postFormData)(bad:takeData、confirmData、getList、postForm)
事件方法以 on 开头(onTypeChange、onUsernameInput)
init、refresh 单词除外
尽量使用常用单词开头(set、get、open、close、jump)
驼峰命名(good: getListData)(bad: get_list_data、getlistData)

data props 方法注意点

使用 data 里的变量时请先在 data 里面初始化
props 指定类型,也就是 type
props 改变父组件数据 基础类型用 $emit ,复杂类型直接改
ajax 请求数据用上 isLoading、isError 变量
不命名多余数据,现在是详情页、你的数据是 ajax 请求的,那就直接声明一个对象叫 d,而不是每个字段都声明
表单数据请包裹一层 form

生命周期方法注意点

不在 mounted、created 之类的方法写逻辑,取 ajax 数据,
在 created 里面监听 Bus 事件

转载自https://segmentfault.com/a/1190000009805187

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值