VUE2.0多次引用相同组件

在用vue写项目的时候,遇到一个问题,比如一个组件有两个子组件A和B,现在我在子组件A的子组件中又引入了子组件B,这样就会报警报提示,这种情况有什么好的解决办法吗?组件B为公共部分相同的都可以引用,这种情况是我写的有问题吗?

刚查了下vue手册,说这事组件的循环引用,但是看了他的解决方法,还是有点迷糊,希望大家可以给个提示,不胜感激

例如:组件A,组件A里有一个子组件C和D,组件C的子组件又引用了组件D,这种情况会报警告,有解决办法没

阅读 4.9k
1 个回答

你可以把组件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
    }
}

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题