为了账号安全,请及时绑定邮箱和手机立即绑定

VUE2.0多次引用相同组件

VUE2.0多次引用相同组件

摇曳的蔷薇 2018-11-06 13:15:41
在用vue写项目的时候,遇到一个问题,比如一个组件有两个子组件A和B,现在我在子组件A的子组件中又引入了子组件B,这样就会报警报提示,这种情况有什么好的解决办法吗?组件B为公共部分相同的都可以引用,这种情况是我写的有问题吗?刚查了下vue手册,说这事组件的循环引用,但是看了他的解决方法,还是有点迷糊,希望大家可以给个提示,不胜感激例如:组件A,组件A里有一个子组件C和D,组件C的子组件又引用了组件D,这种情况会报警告,有解决办法没
查看完整描述

1 回答

?
翻翻过去那场雪

TA贡献2065条经验 获得超14个赞

你可以把组件D和组件D的子组件都注册为全局组件。

或者这样

let parent = {

    template: '<div>parent<child></child></div>',

    beforeBefore(){

        this.$options.components.child = child;

    }

}


let child = {

    template: '<div>child<parent></parent></div>',

    components: {

        parent

    }

}

要注意的是两种方式都要以某种方式退出递归引用

查看完整回答
反对 回复 2018-12-02
  • 1 回答
  • 0 关注
  • 1736 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号