vuejs开发的命名规范

views下的文件夹命名

以小写开头的名词

views下的vue文件命名

1、大写开头
2、至少两个单词组成
3、常用结尾单词有（Detail、Edit、List、Info、Report）
4、组件以Item结尾

vue方法放置顺序

components
props
data
created
mounted
activited
update
beforeRouteUpdate
metods
filter
computed
watch

method 自定义方法命名

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

dataprops方法注意点

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

生命周期方法注意点

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

less文件命名规范

统一使用kebab-case命名风格

js变量命名规范

1、小驼峰式命名法（lower camel case）第一个单字以小写字母开始,第二个单字的首字母大写。例如：firstName、lastName。

进入前端入门建站教程官网入口

vuejs简单介绍vue安装和卸载方法

vue项目文件命名规范介绍

vuejs实现页面跳转的的几种方式

vuejs子组件赋值失败解决方法

vuejs利用js动态插入子组件

标签： vuejs, 命名规范

上面是“vuejs开发的命名规范”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2051.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！