Vue组件的命名

最新推荐文章于 2024-03-17 16:47:11 发布
最新推荐文章于 2024-03-17 16:47:11 发布
阅读量412 收藏
点赞数
分类专栏： 干货 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44555964/article/details/111437732
版权

组件有好几种命名方式, 可以使用 component-vue (短横线分隔命名)、componentVue (驼峰式命名) 或ComponentVue (单词首字母)

因为html对大小写不敏感, 所以在调用的时候驼峰命名的都要写成短线分割形式:

以上三种都要写成小写短线这种形式:

<component-vue></component-vue>
努力向前，成长可见
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入解析Vue 组件命名那些事
08-29
本篇文章主要介绍了深入解析Vue 组件命名那些事，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目组件命名规范
热门推荐
Grey的博客
11-06 1万+
一、定义组件名 注册组件命名时: 要么单词首字母都大写(大驼峰),要么都小写用短横线连接 二、单文件组件命名 拆分单文件组件命名时:要么单词首字母都大写(大驼峰),要么都小写用短横线连接 三、基础组件命名 应用特定样式和约定的基础组件 (也就是展示类的、无逻辑的或无状态的组件) 应该全部以一个特定的前缀开头，比如Base、App或V。像button icon 这类的 四、单例组件名 只应该拥有单个活跃实例的组件应该以The前缀命名，以示其唯一性。 ...
vue3中 给组件命名
最新发布
weixin_42479421的博客
03-17 692
vue3中的组件命名
vue 组件命名
许建桐的技术博客
12-11 3755
组件命名约定 当注册组件 (或者 prop) 时，可以使用 kebab-case (短横线分隔命名)、camelCase (驼峰式命名) 或 PascalCase (单词首字母大写命名)。 在 HTML 模板中，请使用 kebab-case： // 在组件定义中 components: { // 使用 kebab-case 注册 'kebab-cased-component': { /* ...
vue组件命名方式/使用方式
imkaifan的博客
02-26 7351
1、定义组件名的方式有两种： 使用 kebab-case 当使用 kebab-case (短横线分隔命名) 定义一个组件时， 你也必须在引用这个自定义元素时使用 kebab-case，例如 。 Vue.component('my-component-name', { /* ... */ }) 使用 PascalCase 当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。注意，尽管如此，直接 在 DOM (即非字符
vue组件如何规范命名,看这篇就够了
想好了再写！
04-25 807
组件命名方式有如下三种 驼峰命名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组件命名和props命名代码详解
10-16
在本篇内容里小编给大家讲的是关于vue组件命名和props命名的相关知识点内容，有兴趣的朋友们可以学习下。
关于vue组件内部命名规范的一些思考和意见
01-20
开局感慨一下，一转眼玩vue已经三年了。平时都是搬砖搬砖搬砖。。。死循环那种。很少写博客，因为我觉得好像没啥好写的，官方文档写的清清楚楚，明明白白。工作中遇到的问题，大部分在官方文档里能找到答案，如果你...
Vue中组件命名问题
qq_54139028的博客
10-06 1156
问题：Home、Test组件渲染正常，Header组件渲染不出来，且控制台不报错，在浏览器中用devtools插件查看组件时也没有Header组件 刚开始我还以为是Vue.config.js文件夹配置错了或者是不起效，经过后来更改组件名称重新引入，发现可以渲染了，并查阅了文档、简书等的解答，原来是Vue组件命名问题。 组件命名注意： 1.注册组件时，可以使用短横线分隔命名（hello-world）、驼峰式命名(helloWorld)或单词首字母大写命名(HelloWorld)。这几种命...
学习VUE第七天课程（VUE之组件（基础、分类、命名））
weixin_45582846的博客
10-22 274
VUE之组件（基础、分类、命名） 组件（ Component ）是 Vue.js 最核心的功能，也是整个框架设计最精彩的地方，当然也是最难掌握的。 接下来会由浅入深地学习组件的全部内容，并通过几个案例练习熟练使用 Vue 组件。 正式讲解组件前，先看个场景，了解下为什么学习组件？ 有人会问：为什么学习组件，作用是什么？接下来看个场景!! 场景举例 产品经理：现在需求升级了，这几个控件还有别的...
聊一聊vue组件命名
BeMount
06-06 199
聊一聊vue组件命名
彻底搞明白vue组件命名的使用
guoyp2126的博客
01-02 2082
vue的组件可以使用大驼峰（首字母大写）、小驼峰（首字母小写）和短横线分隔命名（两个单词之间使用短横线连接），在不同场合需要遵循一定的规则，否则有可能会报错，具体规则如下： 有意义的名词、简短、具有可读性 组件在定义时，使用大驼峰命名规则，这与后端类的命名规则是一样的 当注册组件时，则需要短横线分隔命名方式引入，因为在html中不区分大小写，myMessage和mymessage是等价的。 组件中的prop属性定义时，使用短横线分隔方式命名，此时在view（html）可直接使用。当属性定义时使用驼峰规则，
Vue 中的组件名称命名说明
白袍小将的博客
08-22 3968
在使用Vue自定义组件时，需要给组件命名，即在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了： Vue.component('my-component-name', { /* ... */ }) 该组件名就是Vue.component的第一个参数。 给予组件的名字可能依赖于打算拿它来做什么。当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候，强烈推荐遵循W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会...
vue组件命名风格
anxaing的博客
03-27 531
单文件组件文件的大小写 单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)。 单词大写开头对于代码编辑器的自动补全最为友好，因为这使得我们在 JS(X) 和模板中引用组件的方式尽可能的一致。然而，混用文件命名方式有的时候会导致大小写不敏感的文件系统的问题，这也是横线连接命名同样完全可取的原因 反例 components/ ...
Vue之组件（基础、分类、命名）
peijiajing的博客
10-22 784
前言 组件（ Component ）是 Vue.js 最核心的功能，也是整个框架设计最精彩的地方，当然也是最难掌握的。 接下来会由浅入深地学习组件的全部内容，并通过几个案例练习熟练使用 Vue 组件。 正式讲解组件前，先看个场景，了解下为什么学习组件？ 场景举例 有人会问：为什么学习组件，作用是什么？ 接下来看个场景 下面图中是个很常见的聊天界面，有些标准的控件，比如右上角的关闭按钮、...
vue的组件命名及复用
reaaal的博客
11-27 664
vue注册组件可以使用大写，例如标准的驼峰式命名。但是在调用组件的时候，需要在驼峰命名的大写字母间加上“-”并改写为小写。例如 注册组件 myTemplate ，在调用时，需要写成 <my-template /> 官网上这样说：HTML特性是不区分大小写的。所以，当使用的不是字符串模板，camelCased（驼峰式）命名的prop需要转换为相对应的kebab-case（短横线隔开式）...
71Vue - 组件命名约定
阿甘兄
07-29 392
当注册组件（或者 props）时，可以使用 kebab-case ，camelCase ，或 TitleCase 。Vue 不关心这个。 // 在组件定义中 components: { // 使用 camelCase 形式注册 'kebab-cased-component': { /* ... */ }, 'camelCasedComponent': { /* ... */ }, ...
vue组件命名技巧 --重学vue.js笔记(16)
weixin_39553363的博客
10-23 229
在实际开发的时候，我们将会用到上百个或者是上千个基本组件，为了更好地区分以及管理这些组件，我们就需要思考基本组件的名称如何定义。 1.组件命名技巧： 为了让我们的组件的名称更具可读性，在命名的时候，我们可以参考如下 1.用好组件的名称的前缀 例子： 版权信息区块信息可以加上前缀 Base,表示我们常见网页中经常看到的，如BaseIcon 其他前缀建议：Vue- My- V-(个人名字首写字母，经常在自定义组件用到) 2.少用简称，多用单词(不会但单词找百度翻译) 组件的命名应该是组合式单词.
vue 组件命名规范
10-10
Vue 组件命名规范一般遵循以下几点： 1. 组件名称应使用帕斯卡（Pascal）命名法，即每个单词首字母大写，不使用连字符或下划线。例如：MyComponent。 2. 组件名称应该具有描述性，可以清楚地表达组件的功能或用途...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值