• 热门专题

如何通过vue解决循环引用组件出现报错

作者:whl  发布日期:2018-11-09 08:35:00
Tag标签:vue  循环引用组件  
  •   最近小编发现很多用户对于循环引用组件经常报错的反馈比较多,估计这个问题都对很多程序员朋友造成了困扰,使得他们很多工作进展都被拖延了。其实只要对vue运用得当,那么这个问题将不再是问题,下面大家就一起来看看详细解决过程吧!

      vue循环引用组件报错问题由来

      最近在做项目的时候遇到使用循环组件,因为模式一样,只有数据不一样。按照普通组件调用格式来做的时候总是报错,错误信息为[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

      vue循环引用组件报错解决方案

      小编在查询了网上的各种资料之后,发现原来是在进行循环调用组件时,组件会比vue实例后创建,然而官方文档里写规定组件必须要先于实例化引入,所以说组件没有正确的引入,就导致了报错发生。

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

      解决的方式就是全局引入组件,并且在vue实例化前。具体到我们项目中,就是在main.js里引入。用全局引入组件就可以解决循环引用组件报错的问题了,具体代码如下main.js:

    具体代码

      大家通过观察可以发现,其实只需要在全局引入组件那么循环引用组件报错这个问题就不会再出现了。相对而言给大家介绍的这个方法还是很简单易操作的,对于时间就是生命的程序员来说非常有用。

延伸阅读:

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规