defineAsyncComponent( )
定義一個異步組件,它在運行時是懶加載的。參數可以是一個異步加載函數,或是對加載行為進行更具體定制的一個選項對象。在大型項目中,我們可能需要拆分應用為更小的塊,并僅在需要時再從服務器加載相關組件。Vue 提供了 defineAsyncComponent 方法來實現此功能:
<div class="box" >
<component :is="aa"></component>
</div>
<script>
import { defineAsyncComponent } from 'vue'
computed: {
aa () {
this.xxxx = '組件名’
return AsyncComp (() => import(`../components/comps/${this.xxxx}.vue`))
}
<script>