关于vue的命名规范

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

1、组件命名

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

  • 使用kebab-case(短横线)
短横线
  • 使用 PascalCase(首字母大写) 注册
首字母大写
  • 但是在HTML模板中只能使用短横线
<!-- 在 html 模板中始终使用 kebab-case -->
<kebab-cased-component></kebab-cased-component>

2、文件命名

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

  • 文件名统一采用驼峰式
  • 页面中import引入的名称与注册组件时的名字保持一致,使用首字母大写
  • 模板中使用组件必须使用短横线式
vue的命名规范
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装...
    youins阅读 13,183评论 0 13
  • 前言 您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式....
    itclanCoder阅读 26,153评论 1 12
  • 1、引言 数据库设计过程中表、字段等的命名规范也算是设计规范的一部分,不过设计规范更多的是为了确保数据库设计的合理...
    SnowflakeCloud阅读 41,198评论 0 48
  • title: 风格指南type: style-guide 这里是官方的 Vue 特有代码的风格指南。如果在工程中使...
    ChenyuMa阅读 4,819评论 1 1
  • 这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue,为了回避错误、小纠结和反模式,该指南是份不错的...
    youins阅读 11,139评论 0 5

友情链接更多精彩内容