Vue项目组件命名规范

最新推荐文章于 2023-10-21 16:50:31 发布
Grey.. 最新推荐文章于 2023-10-21 16:50:31 发布
阅读量1.6w 收藏 30
点赞数 13
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/weixin_59229847/article/details/121185042
版权

一、定义组件名

 注册组件命名时:  要么单词首字母都大写(大驼峰),要么都小写用短横线连接

二、单文件组件命名

 

 拆分单文件组件命名时:要么单词首字母都大写(大驼峰),要么都小写用短横线连接

三、基础组件命名

应用特定样式和约定的基础组件 (也就是展示类的、无逻辑的或无状态的组件) 应该全部以一个特定的前缀开头，比如 Base

最低0.47元/天 解锁文章
Grey..
关注 关注
  • 13
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue组件的命名规则
baidulixueqin的博客
07-11 3842
1. 在html中不允许使用驼峰！ html中的组件必须用，例如。 在组件中, 父组件给子组件必须用，例如。2. 在template中必须使用。 3.在组件的data中用引用时,只能是方式，比如。 不规范命名的报错信息，如下图所示: 4.文件名最好全小写，因为有些古老的操作系统(window10)可能不能识别大小写，防止2个大小写文件重名。 5.组件首字母最好大写......
2024最新阿里代码规范（前端篇），看这篇足矣了
最新发布
2401_83977705的博客
03-31 1715
必须使用 camelCase 驼峰命名必须指定类型必须加上注释，表明其含义必须加上 required 或者 default，两者二选其一如果有业务需要，必须加上 validator 验证props: {// 组件状态，用于控制组件的颜色status: {return [‘succ’,‘info’,‘error’== -1},// 用户级别，用于显示皇冠个数。
vue组件如何规范命名,看这篇就够了
想好了再写！
04-25 813
组件命名方式有如下三种 驼峰命名CamelCase eg: helloVue 帕斯卡命名PascalCase eg: HelloVue 短横线命名kebab-case eg: hello-vue 引入组件 import UserCpn from '../UserCpn.vue' 或者 import UserCpn from '../UserCpn' 注册组件 export default { components:{ UserCpn， }, } 使用组件 <user-c
Vue 组件和文件及文件夹命名规范、SPA、创建路由、router-link 相关属性、路由建立多视图单页应用
qq_73126462的博客
10-21 1159
组件(Component)是Vue最强大的功能之一，组件可以扩展HTML元素，封装可重用的代码组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树组件可以分为全局组件和局部组件组件命名规则短横线命名，如: my-component，vue推荐使用这种方式的命名规则首字母大写命名规则，如：MyComponentpropsprops是父组件用来传递数据的一个自定义属性。
vue3基础（三）组件命名及调用，render,render中获取插槽值，函数式组件，异步组件,vue3中data只有函数形式
差不少的博客
08-03 6540
组件命名及调用，render,render中获取插槽值，函数式组件，异步组件,vue3中data只有函数形式
Vue 前端代码风格指南
Mr.小灰狼_随笔
08-17 3907
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 三、注释规范 四、其它...
vue3.0 script setup写法组件命名方式
阿小绿的博客
06-07 5316
vue3.0组件命名
Vue 中的组件名称命名说明
白袍小将的博客
08-22 3981
在使用Vue自定义组件时，需要给组件命名，即在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了： Vue.component('my-component-name', { /* ... */ }) 该组件名就是Vue.component的第一个参数。 给予组件的名字可能依赖于打算拿它来做什么。当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候，强烈推荐遵循W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会...
vue组件命名和props命名代码详解
10-16
在本篇内容里小编给大家讲的是关于vue组件命名和props命名的相关知识点内容，有兴趣的朋友们可以学习下。
深入解析Vue 组件命名那些事
08-29
本篇文章主要介绍了深入解析Vue 组件命名那些事，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
关于vue组件内部命名规范的一些思考和意见
01-20
开局感慨一下，一转眼玩vue已经三年了。平时都是搬砖搬砖搬砖。。。死循环那种。很少写博客，因为我觉得好像没啥好写的，官方文档写的清清楚楚，明明白白。工作中遇到的问题，大部分在官方文档里能找到答案，如果你...
vue-build:vue项目结构、文件目录、命名规则
05-17
web1000A Vue.js project项目目录结构|-- src // 源码目录| |-- components // 功能组件| |-- common // 公共组件| |-- footer // 分模块--底部公共组件| |-- header // 分模块--头部公共组件|| |-- config // 基本...
vue项目前端规范资源
12-20
命名规范 普通变量 ⽅法:驼峰命名 规范 跟需求的内容相关 复数的时候需要加s 常量 ⽅法:全部⼤写 规范:使⽤⼤写字母和下划线来组合命名，下划线分割单词 组件 官⽅⽂档推荐及使⽤遵循规则: PascalCase (单词⾸字母⼤...
前端开发规范(一)-命名规范
Johkilroy的博客
11-16 579
团队中的每一个人，对规范的理解是不统一的，任何团队开发中都需要规范，有统一的代码规范，肯定会事半功倍，方便维护。做了如下总结，参考来自腾讯的代码规范。
【vue知识点】vue组件的名称
在热爱技术的路上一直前行。
06-15 2228
要使用自定义封装的组件的时候，要先引入组件，然后在components中声明组件。 知识点：总结： 如果2中定义了name属性，则组件名称以此为准，否则，以引入时注册的名称为准。
vue 组件使用的规范
ximingx
11-29 1050
vue 组件的规范使用
组件命名规则
kenxausten的专栏
12-14 2068
<br />组件命名规则<br />C和P的命名规则 ：TinyOS 所有的终端程序组件都以字母C或P为结尾。以C结尾所命名的组件表示它是一个可用的抽象，而以P结尾的组件则表示它是私有的。以P结尾的组件不能被直接的连接，但可以对它做一些封装以使它变成可用（变成名字以C结束的）<br />硬件平台抽象命名规则 ：TinyOS 2.0中的硬件抽象通常是三级抽象架构，称作HAA(HardwareAbstraction Architecture)。<br />HAA的最底层是HPL( Hardware Platfo
Vue 前端代码风格
m0_50243859的博客
11-02 333
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 文件名 全部采用小写方式， 优先选择单个单词命名，多个单词命名以短横线
11.Vue - 组件——组件名、非单文件组件、单文件组件
weixin_51351637的博客
09-06 1305
1.定义组件（创建组件）2.注册组件3.使用组件（写组件标签）使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有差别区别：1.el不写 ---- 最终所有的组件都要经过一个vm管理，由vm中的el决定服务哪个容器2.data必须写成函数 -----避免组件被复用时，数据存在引用关系（比如a，b同时用了data数据，a改了数据，那b得到的数据就是a改了之后的数据）
vue 组件命名规范
10-10
Vue 组件命名规范一般遵循以下几点： 1. 组件名称应使用帕斯卡（Pascal）命名法，即每个单词首字母大写，不使用连字符或下划线。例如：MyComponent。 2. 组件名称应该具有描述性，可以清楚地表达组件的功能或用途。 3. 避免使用与 HTML 标签相同的名称作为组件名称，以防止与现有标签发生冲突。 4. 对于组件文件，应使用与组件名称相同的文件名，并使用帕斯卡命名法，同时添加.vue 扩展名。例如：MyComponent.vue。 5. 对于组件文件的引入和使用，可以使用帕斯卡命名法或短横线命名法。例如：import MyComponent from './MyComponent.vue' 或 <my-component></my-component>。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • Vue项目组件命名规范 16397
  • React项目中实现websocket 5886
  • Vue中 与keep-alive有关的生命周期 3294
  • 数组转为树形结构 3143
  • Vue3的改变 2287

分类专栏

  • css 1篇

最新评论

  • Vue项目组件命名规范

    渔夫和鱼: 好棒啊表情包

  • 关于Vue router可能会出现的bug

    浅墨、离殇: 没有效果啊

  • 你会用ES6，那倒是用啊

    m0_58058922: 感谢大佬提供的思路，让我屎山代码有了那么一丢丢的改善

  • 分分钟 理解防抖和节流

    我是柚子呀05: 大佬牛逼,解决了我多年的困惑

  • vue-cli中集成的跨域解决方案

    前端卡卡西呀: 偷偷学前端，争取早日像博主一样优秀

最新文章

  • 前端blob 下载视频
  • 使用highlight 插件高亮 代码片段
  • React 封装搜索关键字高亮函数
2022年1篇
2021年44篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值

深圳SEO优化公司忻州百搜标王哪家好昆明网站推广系统报价聊城网络营销公司成都网站推广工具哪家好吉祥品牌网站设计多少钱垦利网站定制报价衢州关键词排名包年推广多少钱岳阳英文网站建设价格扬州优化价格民治网站建设多少钱吉祥SEO按天计费通化模板制作推荐赤峰外贸网站设计哪家好镇江网站搜索优化多少钱河池网站建设设计天津网站制作报价衢州seo网站推广价格秦皇岛阿里店铺运营报价光明网站设计模板公司通辽网站设计模板多少钱合肥关键词按天计费哪家好延边外贸网站建设哪家好襄樊网站优化软件推荐同乐网站推广系统多少钱邵阳seo排名多少钱开封百度网站优化排名哪家好玉林模板网站建设多少钱衢州SEO按天扣费推荐平凉设计网站衡阳建设网站报价歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅：唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人？开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化