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、多用一些組件分得比較清晰，缺點：有些多餘組件