为了账号安全,请及时绑定邮箱和手机立即绑定

关于vue的命名规范

标签:
Vue.js

前言:命名其实是很重要的,尤其项目越大,命名就应该越规范,要有语义化这应该是最基本的了,但是哪些地方该大写?哪里该小写?我将自己平常工作学习中在用vue的时候的一些命名规范分享一下,谈谈自己对命名的看法。

1、组件命名

官网对组件名大小写是这么介绍的,定义组件名的方式有两种:

  • 使用kebab-case(短横线)

webp

短横线

  • 使用 PascalCase(首字母大写) 注册

webp

首字母大写

  • 但是在HTML模板中只能使用短横线

<!-- 在 html 模板中始终使用 kebab-case --><kebab-cased-component></kebab-cased-component>

2、文件命名

这是我个人在项目中总结的一些命名规范

  • 文件名统一采用驼峰式

  • 页面中import引入的名称与注册组件时的名字保持一致,使用首字母大写

  • 模板中使用组件必须使用短横线式

webp

vue的命名规范



作者:Ewall_
链接:https://www.jianshu.com/p/b56d0d017e1a


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

0 评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消