递归组件循环引用组件不加载

背景：有两个组件：A和B。系统渲染A的时候，发现A是依赖于B的。但是渲染B的时候，发现B又是依赖于A的。两者循环嵌套。

解决办法：

在注册组件时候，使用webpack的异步import;不要使用import A from ' ./A.vue'

components:{
A:()=>import('./A.vue')
}

或者在beforeCreate的生命周期钩子函数中注册它

beforeCreate(){
    this.$options.components.A=require('./A.vue').default
   }