vue报错[Vue warn]: Unknown custom element: – did you register the component correctly? For recursive components, make sure to provide the “name” option.的解决方法

在vue开发的时候,调用组件后有如下报错:

[Vue warn]: Unknown custom element: <mycom1> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

(found in <Root>)

这个报错是因为找不到 mycom1 这个组件导致的,对于新手来说,这是个坑,因为vue要求如果创建组件时使用驼峰命名,调用组件的时候需要将驼峰改为横线-写法。

也就是说你创建组件的时候这样写,命名为 myCom1:

var app = new Vue({
    el: '#app',
    components: {
        'myCom1': {
            template: '<h1>我是myCom1组件</h1>'
        }
    }
})

 

调用的时候得写成 <my-com1></my-com1> 才行

 

 

 

 

 

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
将webstorm开发工具的关闭当前标签快捷键改为ctrl+w的方法
将webstorm开发工具的关闭当前标签快捷键改为ctrl+w的方法
2
说实话,长这么大,最佩服的就是这仨程序员了!
说实话,长这么大,最佩服的就是这仨程序员了!
3
地铁偶遇路人甲乙丙丁,这撞衫的也没sei了
地铁偶遇路人甲乙丙丁,这撞衫的也没sei了
4
一张只有苦逼程序员才能看懂的漫画
一张只有苦逼程序员才能看懂的漫画
5
WordPress程序网站文件数据/数据库自动备份 - BackUpWordPress插件
WordPress程序网站文件数据/数据库自动备份 - BackUpWordPress插件
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主