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 闭包究竟是什么
Apr 12 Javascript
javascript中的nextSibling使用陷(da)阱(keng)
May 05 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
Aug 18 Javascript
Bootstrap选项卡动态切换效果
Nov 28 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
Feb 10 Javascript
Vue-Router模式和钩子的用法
Feb 28 Javascript
koa上传excel文件并解析的实现方法
Aug 09 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
Dec 04 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
Apr 07 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
Nov 02 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采集时被封ip的解决方法
2010/08/29 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
2013/06/06 PHP
php调用MySQL存储过程的方法集合(推荐)
2013/07/03 PHP
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
2008/12/02 Javascript
javascript 简练的几个函数
2009/08/29 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
2014/03/17 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
Node.js编码规范
2014/07/14 Javascript
JQuery中clone方法复制节点
2015/05/18 Javascript
js实现div在页面拖动效果
2016/05/04 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
vue.js开发环境安装教程
2017/03/17 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
浅谈Vue.js 中的 v-on 事件指令的使用
2018/11/25 Javascript
vue使用i18n实现国际化的方法详解
2019/09/05 Javascript
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
在博客园博文中添加自定义右键菜单的方法详解
2020/02/05 Javascript
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
Python实现从订阅源下载图片的方法
2015/03/11 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
大学生演讲稿
2014/04/25 职场文书
教师读书活动总结
2014/05/07 职场文书
2014年小学教师工作总结
2014/11/10 职场文书
2015世界地球日活动总结
2015/02/09 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
证劵公司反洗钱宣传活动总结
2015/05/08 职场文书
百年孤独读书笔记
2015/06/29 职场文书
运动会通讯稿600字
2015/07/20 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
MySQL单表千万级数据处理的思路分享
2021/06/05 MySQL
Spring Data JPA的Audit功能审计数据库的变更
2021/06/26 Java/Android