当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue 解决循环引用组件报错的问题

vue 解决循环引用组件报错的问题

2018年09月21日  | 移动技术网IT编程  | 我要评论

qq华夏命运的抉择,来宾市政府网,京东代运营

做项目时遇到使用循环组件，因为模式一样，只有数据不一样。但是按照普通的组件调用格式来做时报错，错误信息为unknown custom element: <pop> - did you register the component correctly? for recursive components, make sure to provide the "name" option.

查询了官方文档，还有其他的资料，发现是循环调用组件时，组件比vue实例后创建，官方文档里写组件必须先于实例化引入，所以说组件没有正确的引入。

解决的方式是全局引入组件，并且在vue实例化前。

具体代码如下：若在项目中，一般是在main.js里引入

import pop from "@/views/popviews/pop.vue"
vue.component('questionpop', questionpop)
new vue({
 el: '#app',
 router,
 store,
 template: '<app/>',
 components: { app }
})

以上这篇vue 解决循环引用组件报错的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网