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 相关文章推荐
JS 日期验证正则附asp日期格式化函数
Sep 11 Javascript
jQuery生成asp.net服务器控件的代码
Feb 04 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
JavaScript数据结构之二叉树的查找算法示例
Apr 13 Javascript
React简单介绍
May 24 Javascript
MUI实现上拉加载和下拉刷新效果
Jun 30 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
Jul 25 Javascript
Three.js中矩阵和向量的使用教程
Mar 19 Javascript
vue draggable resizable gorkys与v-chart使用与总结
Sep 05 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 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
缅甸的咖啡简史
2021/03/04 咖啡文化
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
微信网页授权(OAuth2.0) PHP 源码简单实现
2016/08/29 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
PHP基于swoole多进程操作示例
2019/08/12 PHP
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
js正则表达式中exec用法实例
2015/07/23 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
2016/06/02 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
JS实现鼠标滑过显示边框的菜单效果
2016/09/21 Javascript
js 获取今天以及过去日期
2017/04/11 Javascript
js实现简易聊天对话框
2017/08/17 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
2018/09/25 Javascript
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
微信小程序自定义键盘 内部虚拟支付
2018/12/20 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
vue两组件间值传递 $router.push实现方法
2019/05/15 Javascript
python中Apriori算法实现讲解
2017/12/10 Python
uwsgi+nginx部署Django项目操作示例
2018/12/04 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
python实现暗通道去雾算法的示例
2020/09/27 Python
基于django和dropzone.js实现上传文件
2020/11/24 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
世界顶级俱乐部的官方球衣和套装:Subside Sports
2018/04/22 全球购物
写给老师的表扬信
2014/01/21 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
总结会主持词
2015/07/02 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书
写好Python代码的几条重要技巧
2021/05/21 Python
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers