web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

vuejs开发的命名规范

441 ℃
     

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://ipkd.cn/webs_2051.html

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

当前位置: 网站首页 > vuejs
本文共计894个字,预计阅读时长6分钟
生活小工具,收录了80多款小工具
上一篇: 基于JavaScrip的web动画库——GSAP
下一篇: 免费商用中文字体——优设鲨鱼菲特健康体
x 打工人ai神器