vue2.0处理组件循环引用

问题发生场景：componentsA 组件中引用了componentsB组件，然后在componentsB组件中又引用了componentsA组件，导致组件注册性报错。

本质上是循环引用条件下，父组件加载时，有子组件没有加载完，无法完成注册。

1、在components中动态加载组件

export default {
  name: "SendDocument-RelatedReceivingDocuments",
  components: {
    RelatedReceivingList,
    newForm: () => import("@/views/office/ownerSendDocument/newForm.vue"),
  },
  props: {
  },
  data() {
    return {    };
  },
}

2、组件加载完成后，在组件的生命周期中，比如beforeCreate中，动态加载组件。

export default {
  name: "SendDocument-RelatedReceivingDocuments",
  components: {
    RelatedReceivingList,
  },
  beforeCreate(){
    this.$options.components.newForm = () => import("@/views/office/ownerSendDocument/newForm.vue");
  },
  props: {
  },
  data() {
    return {    };
  },
}