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


Posted in Javascript onSeptember 06, 2018

做项目时遇到使用循环组件,因为模式一样,只有数据不一样。但是按照普通的组件调用格式来做时报错,错误信息为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 解决循环引用组件报错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 单选框,多选框美化代码
Aug 01 Javascript
javascript 写类方式之五
Jul 05 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 Javascript
javascript定义变量时加var与不加var的区别
Dec 22 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
Jul 22 Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 Javascript
基于JavaScript实现的快速排序算法分析
Apr 14 Javascript
vue-cli webpack2项目打包优化分享
Feb 07 Javascript
Vue-Router的使用方法
Sep 05 Javascript
uploadify插件实现多个图片上传并预览
Sep 30 Javascript
vue实现在进行增删改操作后刷新页面
Aug 05 Javascript
vue slots 组件的组合/分发实例
Sep 06 #Javascript
React注册倒计时功能的实现
Sep 06 #Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 #Javascript
Vue文件配置全局变量的实例
Sep 06 #Javascript
Vue中保存数据到磁盘文件的方法
Sep 06 #Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 #jQuery
Vue实现表格中对数据进行转换、处理的方法
Sep 06 #Javascript
You might like
PHP下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
PHP goto语句简介和使用实例
2014/03/11 PHP
Git命令之分支详解
2021/03/02 PHP
在Javascript中定义对象类别
2006/12/22 Javascript
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
javascript 写类方式之四
2009/07/05 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
JS 毫秒转时间示例代码
2013/09/22 Javascript
JavaScript中使用Substring删除字符串最后一个字符
2013/11/03 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
2016/09/19 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
JS实现的简单分页功能示例
2018/08/23 Javascript
element-ui中的select下拉列表设置默认值方法
2018/08/24 Javascript
实例详解vue中的$root和$parent
2019/04/29 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
js函数和this用法实例分析
2020/03/13 Javascript
安装多版本Vue-CLI的实现方法
2020/03/24 Javascript
JavaScript手写数组的常用函数总结
2020/11/22 Javascript
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局
2016/02/28 DOTA
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
python 采集中文乱码问题的完美解决方法
2016/09/27 Python
Django实现快速分页的方法实例
2017/10/22 Python
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
Python返回数组/List长度的实例
2018/06/23 Python
keras 自定义loss损失函数,sample在loss上的加权和metric详解
2020/05/23 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
欧洲领先的火车票和大巴票预订平台:Trainline
2018/12/26 全球购物
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物