Vue命名规范

已于 2024-01-24 00:11:20 修改
阅读量342 收藏
点赞数 1
分类专栏： 我的随笔 前端 文章标签： vue.js 前端 javascript
于 2023-08-04 10:55:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62268437/article/details/132099427
版权

JS文件命名

一般采用的是小驼峰命名法，如 pieChartHelp 第一个单词小写，其他单词首字母大写

Components 文件命名

一般采用的是大驼峰命名法，如StatusCanvas 所有单词的首字母大写

常量命名

一般全部大写，每个单词使用分隔符隔开，比如   const BASE_URL = 'http://localhost:3000/’;

变量命名

变量一般使用小驼峰命名法

一个好的项目命名结构，真的非常有利于项目的开发与管理！！！

詹小友
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue组件命名和props命名代码详解
10-16
组件命名和props命名规范对于编写可维护、可扩展的代码至关重要。下面将详细讲解Vue组件命名和props命名的规则及最佳实践。 首先，Vue组件的命名有以下几种方式： 1. **kebab-case（短横线命名）**：例如`my-...
vue其他之“命名规则”
空投在我怀里的博客
03-14 1502
骆驼式命名法在许多新的函数库和Microsoft　Windows这样的环境中使用得相当多。 另一方面，下划线法是c出现后开始流行起来的，在许多旧的程序和UNIX这样的环境中，它的使用非常普遍。 驼峰式命名法：由一个或多个单词连结在一起，而构成的唯一识别字时 大驼峰法：常用于类名，函数名，属性，命名空间 譬如：DataBaseUser; 小驼峰法：第一个单词之外，其他单词首字母大写 譬如：myStudentCount; print employeePaychecks()；小驼峰法 print_empl..
Vue中的一些命名规范
weixin_45460053的博客
03-16 8992
在重新回顾vue官网的时候，发现一些很容易被遗忘和混淆的命名规范，今天就拿出来一起总结一下。 组件名 在注册一个组件的时候，我们始终需要给他起一个名字，在起这个名字的时候我们需要注意什么呢？ vue强烈建议遵循w3c规范中的自定义组件命名——字母全部小写并且必须包含一个连字符。这会帮助你避免和当前或者未来的html元素相冲突。 例如： Vue.component('my-component-name', { /* ... */ }) Prop HTML 中的 attribute 名是大小写不敏感的，所以浏览
Vue驼峰与短横线分割命名中有哪些坑
qq_38334677的博客
02-12 1994
Vue驼峰命名法指的是将变量以驼峰形式命名，例如 userName、userId 等，而短横线分隔符法则指的是用短横线分隔变量名，例如 user_name、user_id 等。两种命名方式在实际应用中都有其优势和缺点，但是它们的主要区别在于可读性和可维护性。Vue使用驼峰命名法有助于提高变量的可读性，因为驼峰命名法可以更好地表示变量的意思，但是这也可能对于像JavaScript这样的动态语言带来问题，因为它可能会引发一些预期以外的问题。
vue 开发命名规范
weixin_44575130的博客
02-10 709
文件目录 src 源码目录 |-- api 接口，统一管理 |-- assets 静态资源，统一管理 |-- components 公用组件，全局文件 |-- hooks 公用方法，统一管理 |-- router
前端通用命名规范和Vue项目命名规范
最新发布
web工程师——小发发
03-29 618
函数和方法命名：函数和方法的命名应该能够准确描述其功能，使用动词开头，使用驼峰命名法，例如：calculateSum()、getUserInfo()。变量和常量命名：变量和常量的命名应具有描述性，清晰明了，使用驼峰命名法或下划线命名法，例如：firstName、MAX_VALUE。类和接口命名：类和接口的命名应具有描述性，使用名词或名词短语，使用驼峰命名法，例如：Person、OrderService。注释和文档命名：注释和文档内容的命名应具有描述性，清晰明了，能够准确表达其含义和作用。
深入解析Vue 组件命名那些事
08-29
本篇文章主要介绍了深入解析Vue 组件命名那些事，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
关于vue组件内部命名规范的一些思考和意见
01-20
在Vue组件中，有几个关键的区域需要考虑命名规范： 1. **组件名**：Vue推荐使用kebab-case（短横线分隔）命名组件，例如`my-component`。这样做可以使组件名在HTML中看起来更清晰，同时遵循Web组件的标准。 2. **...
Vue开发规范
12-01
目录 一、文档管理 1 1.1 文档信息 1 1.2 修改记录 1 二、 结构目录 2 三、 编辑要求 2 1、文件命名 3 2、文件格式 3 3、页面中id命名要求 3 4、H5文件内容要求 3 5、JS内容要求 3 ...5、注释规范 5 6、 拓展 6
Vue开发规范.docx
06-09
Vue开发规范是前端代码规范的重要组成部分，从前端代码的命名规范、HTML规范、CSS规范、LESS规范、Javascript规范到Vue项目规范，涵盖了前端开发中的一切方面。通过遵守这些规范，可以提高前端代码的可读性、可维护...
vue中的一些命名规则
lalala_dxf的博客
02-08 1687
【代码】vue中的一些命名规则。
Vue3+TS 项目规范及使用规范（个人见解）
weixin_44832362的博客
02-05 6535
vue 项目开发规范学习总结
前端工程项目(Vue项目为例)目录文件命名规范（个人推荐）
weixin_48226213的博客
11-02 1765
例：person-manage.vue、new-information/index.vue、new-information/detail.vue。注意：Windows文件系统是不区分大小写的，而Linux区分，曾经发生：文件名小写，本地开发环境运行和打包都没问题，在CI上打包会报错找不到文件，使用大驼峰命名和引入文件时必须仔细区分好大小写。例：wx-config.js、request.js、design-pattern.ts、axios.d.ts。全部采用小写方式，以短横线分隔，有复数结构时使用复数形式。
vue命名驼峰问题
The_more_more的博客
04-20 6161
项目场景： vue2创建好项目的时候，在给路由组件取名字的时候，ESLint会爆出错误，需要使用驼峰命名 问题描述 比如书我们在src下创建一个Home.vue作为我们的一个路由组件 vscode提出报错： Parsing error: No Babel config file detected for C:\Users\Admin\Desktop\back\vue-back\src\view\login.vue. Either disable config file checking with requ
【前端】1.学习了一段时间的vue，总结一下Vue书写规范
小冷coding的博客
10-22 6958
在团体开发项目中，为了团队所有成员书写可维护的代码，而不是一次性的代码，让团队当中其他人看你的代码能一目了然，甚至过一段时间时候后你再回来看你自己某个时候写的代码也能看明白，所以命名很重要的。在页面中使用组件需要前后闭合，并以短线分隔，如（ ，），导入及注册组件时，遵循 PascalCase 约定，同时还需要注意：必须符合自定义元素规范: 切勿使用保留字。命名必须是跟需求的内容相关的词，比如说我想申明一个变量，用来表示我的学校，那么我们可以这样定义 constmySchool=“我的学校”;
Vue项目中该使用驼峰命名还是短横线命名
qq_41348755的博客
01-17 5440
在阅读vue官方文档中关于props的时候发现这么两段话： HTML 中的 attribute 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名： const app = Vue.createApp({}) app.component('blog-post', { // 在 JavaScript 中使用 camelCase
vue之驼峰模式的用法
chd_sun的博客
02-19 2390
我们经常使用驼峰模式，然而在vue之中，驼峰就不见得那么好用了举个例子 父组件向子组件传递属性的例子 错误写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...
vue 基础知识 常用知识点
11-09 132
//你应该这样做, 在合并后形成新的对象, 在把新对象赋值给vue的数据对象 // 这样多就会触发响应式 vm.student = Object.assign({},vm.student,{ age:18 })
Vue - 驼峰和短横线分割命名注意事项
Zong_0915的博客
02-09 801
父组件在传递给子组件的时候，命名上我测试下来没有什么特殊的要求。结果如下：无论是使用下划线分割还是原名，都可以正常接收。一般编码的时候，习惯这样：命名的时候采取。经过测试，父组件在传函数的时候，使用。父组件在给子组件传递变量的时候，例如，我写一个简单的子组件。法（每个单词的首字母小写）。子组件的接收：驼峰命名法。法，和上述案例一个效果。命名法，使用的时候采取。
vue 组件命名规范
10-10
Vue 组件命名规范一般遵循以下几点： 1. 组件名称应使用帕斯卡（Pascal）命名法，即每个单词首字母大写，不使用连字符或下划线。例如：MyComponent。 2. 组件名称应该具有描述性，可以清楚地表达组件的功能或用途。 3. 避免使用与 HTML 标签相同的名称作为组件名称，以防止与现有标签发生冲突。 4. 对于组件文件，应使用与组件名称相同的文件名，并使用帕斯卡命名法，同时添加.vue 扩展名。例如：MyComponent.vue。 5. 对于组件文件的引入和使用，可以使用帕斯卡命名法或短横线命名法。例如：import MyComponent from './MyComponent.vue' 或 <my-component></my-component>。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

詹小友

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值