Vue3.0+vite2 implementiert dynamisches asynchrones Lazy Loading von Komponenten

<Vorlage>
 <p @click="onChangeContents('./pages/contents/gp/gp.vue')">Guo Pei</p>
 <p @click="onChangeContents('./pages/contents/systemManges/xtcs.vue')">Systemparameter</p>
 <p>{{currentTabComponent}}</p>
 <!-- <Spannung> -->
 <Komponente: ist = "DefineAsyncComponent ({
     //Factory-Funktionslader: Models[currentTabComponent],
     // // Standardwert: Unendlich (d. h. es tritt nie eine Zeitüberschreitung auf, Einheit: ms)
     Zeitüberschreitung: 3000,
    })"></Komponente>
 <!-- </Spannung> -->
</Vorlage>
<script lang="ts">
 importieren {
  Komponente definieren,
  definiereAsyncComponent,
  reaktiv,
  Referenz
 } von 'vue'
 exportiere StandarddefiniereKomponente({
  Name: "App",
  aufstellen() {
   //vite lädt alle Module des angegebenen Pfads const Models = import.meta.glob('./pages/contents/*/*');
   const beiÄnderungsinhalt = Funktion(URL) {
    currentTabComponent.Wert = URL;
    console.log(aktuelleTab-Komponente)
   }
   let currentTabComponent = ref('./pages/contents/systemManges/xtcs.vue');
   const DefineAsyncComponent = definierenAsyncComponent;
   zurückkehren {
    DefiniereAsyncComponent,
    aktuelleTabKomponente,
    bei Inhaltsänderung,
    Modelle
   }
  },
 })
</Skript>