vue组件命名大小写问题

最新推荐文章于 2023-08-02 15:48:55 发布
最新推荐文章于 2023-08-02 15:48:55 发布
阅读量903 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33206911/article/details/130542210
版权

注册组件时-连接和首字母大写的方式都可以

但是在dom中使用只能是-连接的方式 

大小写问题

组件文件命名首字母大写：MyComponent.vue(自己用）或my-component.vue

name和组件文件命名一致即可

组件引入可以自己命名，这里和文件命名一致方便查找，我使用MyComponent即首字母大写的方式

 组件注册

 使用必须-分割

总结：除了使用时-分割小写字母，其他情况都大写（自己使用），或-分割

qq_33206911
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在vue中使用组件时命名的大小写问题
极客神殿
08-28 773
不同于组件和prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子，如果触发一个camelCase则监听这个名字的kebab-case版本是不会有任何效果的：不同于组件和prop，事件名不会被用作一个JavaScript变量名或property名，所以就没有理由使用camelCase或PascalCase了。并且v-on事件监听器在 DOM 模板中会被自动转换为全小写 (因为 HTML 是大小写不敏感的)，所以将会变成，导致myEvent不可能被监听到。
关于Vue组件名大小写的一些问题
小时候很快乐的博客
11-15 6990
关于Vue组件名大小写的一些问题 近期公司组织前端框架技术分享，我选了Vue，在理解过程中发现组件命名时可能会踩到的一些坑。网上搜索发现对此的一些解释都不太准确，写篇博客整理一下自己的一些试错经验吧。 全局组件在进行注册时，对组件名的大小写是没有进行任何限制的，大小写Aa下划线_短线-甚至是中文’啊’都可以进行注册。当然中文不能做为第一个字符，也不建议在组件名中使用中文（测试浏览器：谷歌、火狐） ...
vue组件component、属性prop及事件的命名和引用大小写规则（vue2 & vue3）
Christopher的博客
01-05 3604
vue2 和 vue3 下，组件和 prop的命名规则是相同的 组件命名规则 2.1. 当使用 kebab-case (短横线分隔，如Vue.component('my-component-name', { /* ... */ })) 定义一个组件时，你在引用这个自定义元素时也必须使用 kebab-case，则必须使用<my-component-name>引用组件 2.2. 当使用 PascalCase (首字母大写，如Vue.component('MyComponentName', { /*.
Vue组件名的大小写
u010234868的专栏
09-02 720
定义组件名的方式有两种： 1. 使用 kebab-case： Vue.component('my-component-name', { /* ... */ }) 当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如<my-component-name>。 2. 使用 PascalCase： Vue.component('MyComponentName', { /* ... */ }) 当使用 Pasca.
vue 有关于命名大小写的问题
ZHXT__的博客
10-29 5112
记录一下命名的的一些坑 组件命名的大小写 组件名大小写 定义组件名的方式有两种： 使用 kebab-case Vue.component('my-component-name', { /* ... */ }) 当使用 kebab-case (短横线分隔命名) 定义一个组件时， 也必须在引用这个自定义元素时使用 kebab-case，例如<my-component-name>。 使...
深入解析Vue 组件命名那些事
01-19
我们模糊地知道，Vue 组件的名称最好不要和原生 HTML 标签相同。为了避免重名，通常会在组件名称前面加上一个前缀，如 el-button、el-input、el-date-picker。这通常不会有什么问题，但有时候你的模板中混杂了原生 ...
vue组件创建的三种方式小结
10-15
需要注意的是，由于HTML标签不区分大小写，因此驼峰命名的组件名在使用时应转换为连字符分隔的小写形式，如`my-com1`。 2. **直接使用`Vue.component`创建组件** 直接使用`Vue.component`可以合并组件定义和注册...
VueJS 组件参数名命名与组件属性转化问题
12-29
HTML 特性是不区分大小写的。所以，当使用的不是字符串模版，camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名： Vue.component('child', { // camelCase in JavaScript props:...
手机端车牌号码键盘的vue组件
08-10
例如，我们可以定义一个`handleClick`方法，当用户点击按键时触发，更新`inputValue`并检查是否需要切换大小写。 4. **生命周期钩子**：Vue组件有自己的生命周期，从创建到销毁有多个阶段。我们可以利用这些钩子...
Vue开发之组件基础介绍 .pdf
最新发布
06-05
这样有助于在编译过程中区分大小写。 #### 七、传递 Props 为了使组件更加灵活和通用，可以向组件传递数据。例如，在构建一个博客应用程序时，可能需要一个用于展示博客文章的组件，这个组件需要接收每篇文章的...
Vue组件命名大小写问题
qq_43987917的博客
09-21 2031
Vue组件命名大小写问题     今天在封装项目的组件时，发生了错误，提示我该组件未注册，但是在对照了文档后并无语法上的问题，后来查阅资料，网上说是在Vue中组件注册时，注册名称中如果使用了常见的驼峰命名法，在使用时必须使用 ‘-’ 隔开，并且在大写得换成小写的字母。 <body> <div id="app"> <ss-tem></ss-tem> </div> <template id="tp1"> <li>Hello&
React常见的15个问题
weixin_34006965的博客
02-25 335
1 组件的名称开头要大写 React组件名称必须以大写字母开头 如果组件名称不以大写字母开头，则组件使用将被视为内置元素，例如div或span 例如： class greeting extends React.Component{ //... } 复制代码如果尝试渲染<greeting/>会报一下警告 Warning: The tag <greeting> is u...
vue里面关于 首字母大写的方法
weixin_56869482的博客
09-14 2451
从网上查了一下用VUE里面的过滤器写字母大小写的办法，看来看去，里面因为代码太多的原因，找了半天才找到 我都快晕了，本来很简单的几行代码，非要让你们大佬搞的那么复杂，我也是醉了，下面 就写个相对简单易懂的代码来演示一下 <template> <div> <h1>{{ words | reverseString }}</h1> <h1>{{ msg | reverseString }}</h1> <h1>{{ s
如何在 Vue.js 中将字符串的第一个字母大写
qq_45272642的博客
12-19 2284
我们使用括号索引 ([ ]) 来获取字符串的 0 属性 - 索引 0 处的字符。字符串（和数组）索引在 JavaScript 中是从零开始的，因此字符串的第一个字符位于索引 0，第二个字符位于 索引 1，依此类推，直到索引 str.length-1 处的最后一个字符。如果结果字符串只需要首字母大写，您可以在 slice() 的结果上调用 toLowerCase() 方法，在连接之前将字符串的其余部分小写。如果你试图将 Vue 实例的字符串数据属性大写（就像在我们的例子中），你可以使用计算属性代替方法。
vue3学习-组件基础、深入组件
weixin_46211267的博客
08-02 410
注册、名称格式、props、emit、v-model、$attrs、slot、provied/inject、异步组件
Vue命名规范
ChyoD1811的博客
08-05 674
参考链接: 1:https://www.cnblogs.com/amylis_chen/p/11331455.html 2:https://www.cnblogs.com/zhanglw456/p/12761008.html 1.组件名 官方推荐的组件名是每个单词首字母大写（PascalCase）或者全小写用 - 连接（kebab-case）。 在DOM中使用的时候， 改为全小写， 单词之间用 - 连接。 Vue.component('MyCompo...
Vue中组件的几个重要点
见证自己学习,成长的记录
05-30 1508
已经有的html元素是不能作为组件名称的，大小写都不行比如我这里把组件名称定义成了h1报错：不能使用已有的元素名称作为组件名称1 关于组件名一个单词组成：第一种写法(首字母小写)：school第二种写法(首字母大写)：School多个单词组成：第一种写法(kebab-case命名)：my-school第二种写法(CamelCase命名)：MySchool(需要在vue脚手架环境)备注：（1）组件名尽量回避HTML中已有的元素名称，例如：h2,H2都不行。
vue 组件不工作一般是什么原因
05-15
2. 组件命名不正确：检查组件的命名是否正确，包括大小写、连字符等。 3. 组件属性传递错误：检查组件属性是否正确传递，包括属性名是否正确、数据类型是否匹配等。 4. 组件生命周期钩子函数问题：检查组件的生命...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值