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开发的命名规范”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。本文标题为:vuejs开发的命名规范


基础教程推荐
- vue中解决拖拽改变存在iframe的div大小时卡顿问题 2023-12-27
- html实现随机点名器的示例代码 2022-09-20
- firebug如何使用以及firebug安装的图文步骤 2024-02-05
- javascript内嵌式与外链式的基本应用方式 2023-08-08
- 原生JS实现H5转盘游戏的示例代码 2024-02-04
- docker-compose中nginx可以访问html无法访问php 提示File not found. ? 2023-10-25
- CSS属性探秘系列(二):overflow及相关属性text-overflow 2024-01-25
- Ajax结合php实现二级联动 2023-01-20
- Dreamweaver 网页制作的技巧 2023-12-18
- jquery点击缩略图切换视频播放特效代码分享 2023-12-19