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 相关文章推荐
页面图片浮动左右滑动效果的简单实现案例
Feb 10 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
使用CSS3的scale实现网页整体缩放
Mar 18 Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 Javascript
学习JavaScript设计模式(链式调用)
Nov 26 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
angular十大常见问题
Mar 07 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
微信小程序实现横向增长表格的方法
Jul 24 Javascript
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
浅谈如何优雅处理JavaScript异步错误
Nov 12 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
50个PHP程序性能优化的方法
2014/06/02 PHP
PHP中的use关键字概述
2014/07/23 PHP
php实现的Timer页面运行时间监测类
2014/09/24 PHP
php如何实现数据库的备份和恢复
2020/11/30 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
extjs fckeditor集成代码
2009/05/10 Javascript
js单例模式详解实例
2013/11/21 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
jQuery构造函数init参数分析续
2015/05/13 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
2015/08/24 Javascript
JavaScript导航脚本判断当前导航
2016/07/12 Javascript
JS实现的Unicode编码转换操作示例
2017/04/28 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
2017/08/17 Javascript
vue 添加vux的代码讲解
2017/11/30 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
2019/04/22 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
Python中常见的异常总结
2018/02/20 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
巴基斯坦购物网站:Goto
2019/03/11 全球购物
Pureology官网:为染色头发打造最好的产品
2019/09/13 全球购物
估算杭州有多少软件工程师
2015/08/11 面试题
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
煤矿班组长的职责
2013/12/25 职场文书
大学三年计划书范文
2014/04/30 职场文书
片区教研活动总结
2014/07/02 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
python 中[0]*2与0*2的区别说明
2021/05/10 Python
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android
Python数据处理的三个实用技巧分享
2022/04/01 Python
开发者首先否认《遗弃》被取消的传言
2022/04/11 其他游戏
Hive常用日期格式转换语法
2022/06/25 数据库