vue常用的命名规范

最新推荐文章于 2024-07-22 12:12:13 发布
最新推荐文章于 2024-07-22 12:12:13 发布
阅读量130 收藏
点赞数
分类专栏： vue相关 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ln_web/article/details/126893794
版权
本文深入探讨了三种常见的编程命名规范：PascalCase，camelCase以及短横线命名法。这些规范在前端、后端及移动开发等领域广泛应用，理解并正确使用它们对于提高代码可读性和团队协作至关重要。文章详细阐述了每种命名方式的特点、使用场景，并通过实例进行了对比分析。
摘要由CSDN通过智能技术生成

PascalCase(帕斯卡)：<IdentifyInput></IdentifyInput>

camelCase(驼峰命名法)：<identifyInput></identifyInput>

camelCase(短横拼音法)：<identify-input></identify-input>

ln_web
关注
专栏目录
vue开发命名规范
weixin_48317236的博客
09-23 242
views 命名 views 文件夹下面是由 以页面为单位的 vue 文件 或者 模块文件夹 组成的，放在 src 目录之下，与 components、assets 同级。 views 下的文件夹命名 views 下面的文件夹代表着模块的名字 由名词组成（car、order、cart） 单词只能有一个（good: car order cart）（bad: carInfo carpage） 尽量是名词（good: car）（bad: greet good） 以小写开头（good: car）（bad: Car）
vue2风格规范
Mr_RedStar的博客
03-18 1765
vue2风格规范前言单组件如何命名单文件组件的文件名的大小写基础组件名单例组件名紧密耦合的组件名组件名中的单词顺序完整单词的组件名组件名为多个单词模板中的组件名大小写JS/JSX中的组件名大小写自闭合组件prop名的大小写多个特性的元素模板中简单的表达式简单的计算属性指令缩写良好的代码顺序组件/实例的选项顺序元素特性的顺序单文件组件顶级元素的顺序 前言 项目开发，以个人愚见，应从规范入手，遵从社区规范，学习前辈们经验总结的最佳实践，这于个人于团队都是有利的。 编程除了有些是靠思维，我认为大多数还是靠记忆的
vue 开发命名规范
weixin_34395205的博客
06-16 847
views 命名 views 文件夹下面是由 以页面为单位的 vue 文件 或者 模块文件夹 组成的，放在 src 目录之下，与 components、assets 同级。 views 下的文件夹命名 views 下面的文件夹代表着模块的名字 由名词组成（car、order、cart） 单词只能有一个（good: car order c...
Vue中的一些命名规范
weixin_45460053的博客
03-16 9091
在重新回顾vue官网的时候，发现一些很容易被遗忘和混淆的命名规范，今天就拿出来一起总结一下。 组件名 在注册一个组件的时候，我们始终需要给他起一个名字，在起这个名字的时候我们需要注意什么呢？ vue强烈建议遵循w3c规范中的自定义组件命名——字母全部小写并且必须包含一个连字符。这会帮助你避免和当前或者未来的html元素相冲突。 例如： Vue.component('my-component-name', { /* ... */ }) Prop HTML 中的 attribute 名是大小写不敏感的，所以浏览
前端代码规范——不错的 Vue 前端代码风格指南
程序员成长指北
07-22 282
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群一、命名规范市面上常用的命名规范：camelCase（小驼峰式命名法 —— 首字母小写）PascalCase（大驼峰式命名法 —— 首字母大写）kebab-case（短横线连接式）Snake（下划线连接式）1.1 项目文件命名1.1.1 项目名全部采用小写方式， 以短横线分隔。例：my-proje...
Vue 前端代码风格指南
Mr.小灰狼_随笔
08-17 5425
Vue 前端代码风格指南 代码规范是一个非常重要的事情 ，很多企业都有自己的代码规范体系 ，而在不同阶段体系 HTML 、CSS、JS 也有代码规范 ! 那么到了后期框架和库阶段规范你知道吗 ? 今天为大家分享一组热门框架 VUE 的代码风格规范指南 ， 希望后续在写 Vue 方面代码有所帮助 ! 目录 一、命名规范 1.1、项目文件命名 1.2、Vue 组件命名 1.3、代码参数命名 二、代码规范 2.1、Vue 2.2、HTML 2.3、CSS 2.4、JavaScript 三、注释规范 四、其它...
vue命名规范
qq_53478650的博客
08-15 2660
例子：比如我有整个页面的布局为三个容器 上面一个最上面的头部栏 左侧是菜单 右边内容 那么这三个页面应该放在哪个文件夹里呢。中组合头部栏、菜单和内容区域，创建整体页面布局。整个项目的结构更清晰，各部分的功能和样式相互隔离，更易于维护和扩展。对于这种整体页面布局，您可以将不同部分的容器分别放在不同的文件夹中，以便更好地组织和管理。负责整体页面的内容。这种结构使得不同部分的代码更容易维护，并且可以在需要的地方引用这些布局和页面组件。中，您可以组合这些组件，构建整体的页面布局。
前端书写规范
wangxysuey的博客
09-03 446
前端开发规范： 一、vue 页面命名 views 下面的文件夹代表着模块的名字 由名词组成（car、order、cart） 单词只能有一个 尽量是名词（car） 以小写开头（car） views 下的文件夹命名 views 下面的 vue 文件夹代表着模块的名字 .vue 文件放在模块文件夹之下 模块名尽量是名词 大写开头，开头的单词就是所属模块名字（CarDetail、CarEdit、CarList） 名字至少两个单词（CarDetail） 常用结尾单词有（De
vue-cli3项目配置eslint代码规范的完整步骤
10-14
例如，`vue/max-attributes-per-line` 规则限制了单行 Vue 组件中属性的数量，而 `vue/name-property-casing` 要求 Vue 实例的 data 属性使用 PascalCase 命名。 你可以根据团队规范调整这些规则。每个规则的选项...
vue3 组件命名规范
最新发布
09-10
以下是社区中常用的一些Vue组件命名规范建议： 1. 单文件组件（SFC）文件的命名应该使用短横线分隔的小写单词（kebab-case）。例如，`MyComponent.vue`。 2. 组件的标签名（在单文件组件中定义的`<script>`标签内...
vue项目开发简单命名规范和vue页面顺序
未来以来 futureToday
08-02 1012
命名规范 1、图片命名： xx xx_xx 2、scss样式命名： .xx-xx {} .xx {} 3、js变量命名： 小驼峰命名方式(xxXxx) 4、js常量命名： 采用全大写(XXX) 5、vue组件命名：product-select 组件中的： name: xxx-xxx （采用大驼峰命名） vue开发使用的基本模板结构顺序 <template> <div class="class-1"> <h2>{{msg}}</h2>
vue中的一些命名规则
lalala_dxf的博客
02-08 1806
【代码】vue中的一些命名规则。
Vue 前端代码风格
m0_50243859的博客
11-02 357
1.1.1 项目名 全部采用小写方式， 以短横线分隔。例：my-project-name。 1.1.2 目录名 参照项目命名规则，有复数结构时，要采用复数命名法。例：docs、assets、components、directives、mixins、utils、views。 1.1.3 图像文件名 HTML 文件 全部采用小写方式， 优先选择单个单词命名，多个单词命名以下划线分隔。 1.1.4 CSS 文件名 JavaScript 文件名 全部采用小写方式， 优先选择单个单词命名，多个单词命名以短横线
vue前端开发代码规范(最新)
nelyo的博客
11-01 3084
一、命名规范 市面上常用的命名规范： camelCase（小驼峰式命名法 —— 首字母小写） PascalCase（大驼峰式命名法 —— 首字母大写） kebab-case（短横线连接式） Snake（下划线连接式） 1.1 项目文件命名 1.1.1 项目名 全部采用小写方式， 以短横线分隔。例：my-project-name。 1.1.2 目录名 参照项目命名规则，有复数结构时，要采用复数命名法。例：docs、assets、components、directives、mixins、utils、view
【vue】命名规范
zhangankang的博客
01-13 1250
VUE前端项目命名规范 参考Vue.js官方风格指南； 一、常见命名风格 PascalCase (大驼峰命名法) camelCase (驼峰命名法) kebab-case (短横线分隔命名) 二、具体使用 特别的，项目名可以使用下划线，vue_test或vue-test 1、PascalCase 组件name：name: "TestSm", 组件导入：import InputGroup from ".."; 组件使用标签（为了区别第三方的短横线命名组件）<InputGroup>&l
vue其他之“命名规则”
空投在我怀里的博客
03-14 1531
骆驼式命名法在许多新的函数库和Microsoft　Windows这样的环境中使用得相当多。 另一方面，下划线法是c出现后开始流行起来的，在许多旧的程序和UNIX这样的环境中，它的使用非常普遍。 驼峰式命名法：由一个或多个单词连结在一起，而构成的唯一识别字时 大驼峰法：常用于类名，函数名，属性，命名空间 譬如：DataBaseUser; 小驼峰法：第一个单词之外，其他单词首字母大写 譬如：myStudentCount; print employeePaychecks()；小驼峰法 print_empl..
前端VUE命名规范
WayneP_的博客
07-05 1525
刚开始做前端 命名不规范 少不了被说 也不利于与同事们一起开发 所以问了下公司大佬 以后写代码都按规范来!!! 组件名 — 大驼峰 class类名 — 连字符 方法名 — 小驼峰 常量(const) — 全大写 变量(let) — 小驼峰 判断都使用 === ...
Vue最全项目命名规范
热门推荐
u011269322的博客
09-16 1万+
Vue最全项目规范一、命名规范1.1 项目文件命名1.1.1 项目名1.1.2 目录名1.1.3 图像文件名1.1.4 HTML 文件名1.1.5 CSS 文件名1.1.6 JavaScript 文件名 一、命名规范 市面上常用的命名规范： camelCase （小驼峰式命名法–首字母小写） PascalCase （大驼峰式命名法–首字母大写） kebab-case（短横线连接式） Snake（下划线连接式） 1.1 项目文件命名 1.1.1 项目名 全部采用小写方式，以短横线分隔。例：my-proje
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值