Vue书写规范
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Vue书写规范,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含663字,纯文字阅读大概需要1分钟。
内容图文
![Vue书写规范](/upload/InfoBanner/zyjiaocheng/1318/06e4ebde77ce46f4aff1b3ad6a2352c4.jpg)
template模块:
1 v-xx
指令排序规则,控制显示 -> 控制循环 -> v-bind属性 -> v-on事件绑定;
v-if / v-show
-> v-for
-> v-bind:text...
-> v-on:click...
2 v-for
时,记得为每项提供一个唯一 key
属性
3 不要在html标签上直接写style
内联样式, 放到data中或者computed中
4 在大结构块时,加入合适的注释标签,并保持良好的层级缩进
script
模块
-
import
放在最顶部,并省略掉.js
,.json
和.vue
后缀 -
export
对象中属性定义顺序
name
components
props
datacomputed
计算属性watch
监听器filters
过滤器directives
指令mixins
混入 混入方法命名规则: mixinMixinJSNameFunctionName()created/mounted/updated
等各类生命周期函数methods
方法 大的规则
- api接口请求的放在前边
- 方法按页面结构从上至下开始定义;
- 当前组件方法调用on开头
- 子级页面emit方法调用emit开头
style
模块
-
@import
写在最前; - 样式书写顺序与页面结构一致;
- 嵌套层级最多请不要超过3层;
- 慎重考虑是否添加
scoped
属性。
原文:https://www.cnblogs.com/ray123/p/12193151.html
内容总结
以上是互联网集市为您收集整理的Vue书写规范全部内容,希望文章能够帮你解决Vue书写规范所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。