这里是自定义组件的内容

})

new Vue({

el: '#app'

})

当我看完官网的文档后，信心满满的第一次准备自定义组件时，就写的跟上面差不多类型的代码

但是当我运行代码时，组件并没有被渲染出来，反而报错了说我用的组件没有注册，我当时真是挤破脑袋想了半天也没发现问题出在哪里

这时候我在想难道我的命名和源码里的冲突了？于是我把代码改成这样了↓

Vue.component('mytemplate',{

这里是自定义组件的内容

})

new Vue({

el: '#app'

})

然后运行代码，ok完全正常，这时候大家都会认为vue注册组件不能用大写命名，我当时也这么认为的，直到这两天在用饿了么elementUI框架，当我看了他们的源码，发现原来并不是这样

他们注册组件的命名就和我第一次一样myTemplate，标准的驼峰命名方法，那么我一开始为什么会报错呢？这是为什么呢？难道VUE嫌弃我？

原来是我调用组件时的方法错了，VUE是允许用大写字母来注册组件的，但当你使用时得在驼峰命名的大写字母间加上”-“并都改为小写，看下面代码

Vue.component('myTemplate',{

这里是自定义组件的内容

})

new Vue({

el: '#app'

})

代码运行正常，这个时候大家是不是看出来，vue其实是可以用大写字母命名注册的

后面我也试了很多种命名方式，比如”my-template“这样也是可以的

”My-template“这样的会报错

----------------------------------------------------------------

后来在官网看到这句话camelCase vs. kebab-caseHTML 特性是不区分大小写的。所以，当使用的不是字符串模版，camelCased (驼峰式) 命名的 prop 需要转换为相对应的kebab-case(短横线隔开式) 命名：如果你使用字符串模版，则没有这些限制。

总结

以上所述是小编给大家介绍的Vue注册组件命名时不能用大写的原因浅析,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

vue组件一直注册不了_Vue注册组件命名时不能用大写的原因浅析相关推荐

vue组件一直注册不了_Vue自定义组件及组件的注册方法
为了能在模板中使用,这些组件必须先注册以便 Vue 能够识别.这里有两种组件的注册类型:全局注册和局部注册.至此,我们的组件都只是通过Vue.component全局注册的:Vue.component( ...
vue 点击div 获取位置_Vue中组件之间8种通信方式，值得收藏
之前写了一篇关于vue面试总结的文章, 有不少网友提出组件之间通信方式还有很多, 这篇文章便是专门总结组件之间通信的 vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么 ...
vue 组件第一次不渲染问题_vue使用组件不渲染只有代码变了才渲染
这个组件是一个chart import { Line } from 'vue-chartjs'; export default { extends: Line, mounted () { this.r ...
vue 断开正在发送的请求_vue 发送请求频繁时取消上一次请求
前言: 在项目中经常有一些场景会连续发送多个请求,而异步会导致最后得到展示的结果可能不是最后一次发送请求返回的结果,且对性能也有非常大的影响. 场景: 列表式切换商品,有时候上一次请求的结果非常慢,而 ...
三、Vue组件化开发学习笔记——组件化的基本步骤、全局组件和局部组件、父组件和子组件、注册组件的语法糖、模板分离写法、组件的数据存放
一.什么是组件化? 人面对复杂问题的处理方式: 任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容. 但是,我们人有一种天生的能力,就是将问题 ...
render注册一个链接组件_详解vue 动态加载并注册组件且通过 render动态创建该组件...
基于 iview Tabs 组件实现功能:为每个 tab 动态创建不同的.特定的组件内容,而不需要大量的 import 组件并进行 component 注册 Index.vue import loa ...
render vue 添加类_详解vue 动态加载并注册组件且通过 render动态创建该组件
基于 iview Tabs 组件实现功能:为每个 tab 动态创建不同的.特定的组件内容,而不需要大量的 import 组件并进行 component 注册 Index.vue import loa ...
js模板字符串自定义类名_【Vue.js 入门到实战教程】07Vue 组件注册 | 基本使用和组件嵌套...
来源 | https://xueyuanjun.com/post/21929除了前面介绍的基本语法之外,Vue.js 还支持通过组件构建复杂的功能模块,组件可以称得上是 Vue.js 的灵魂,是 Vu ...
从0开始写Vue项目-Vue页面主体布局和登录、注册页面
1.从0开始写Vue项目-环境和项目搭建_慕言要努力的博客-CSDN博客 2. 从0开始写Vue项目-Vue2集成Element-ui和后台主体框架搭建_慕言要努力的博客-CSDN博客一.主体布局 ...

vue组件一直注册不了_Vue注册组件命名时不能用大写的原因浅析

这里是自定义组件的内容

这里是自定义组件的内容

这里是自定义组件的内容

vue组件一直注册不了_Vue注册组件命名时不能用大写的原因浅析相关推荐

最新文章

热门文章