vue3 循环引用的解决办法问题，Cannot access ‘xxxx‘ before initialization

ReferenceError: Cannot access ‘xxxx‘ before initialization  ，原因之前已经初始化过，但页面组件嵌套，需要被重复引用。

1、开启异步引用来解决

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

2、用ifrme来解决重复嵌套，缺点：用iframe 传递参数的话，如果参数多比较不方面，而且需要把引用的组件配置到router中，有些是vue3 语法，有些是HTML 基础语法，看起来比较混乱

3、使用component组件动态加载组件，缺钱：不能一眼看出是引用哪个组件，需要在js中根据逻辑判断。

<component :is="myComponent"></component>

4、多用一些组件分得比较清晰，缺点：有些多余组件