vue组件之间的循环引用

项目场景：

---

点击表格中的一个链接，打开数据详情的drawer，详情页组件同时使用表格这个组件。

问题描述

---

机构管理页面包含机构型号/设备号/当前机构/租购类型/配件信息等点击当前机构，跳转到机构详情页，机构详情页里里包含基本信息/功能权限/模式管理/应用管理/设备管理设备管理就是机构管理页面，从而造成组件的循环调用 原因分析：—

组件的循环嵌套，对应vue官方的处理边界情况-组件之间的循环引用

解决方案：

方案一：复制一份机构管理页面组件到详情页组件中
方案二：异步调用组件

components: {
  DeviceManage: ()=> import('@/views/operation/mechanism/index.vue')
}