27、Vue3 异步组件

vue3中提供了defineAsyncComponent加载异步组件

案例

• components/async.vue

<!--  -->
<template>
  <div>
        这是一个异步加载的组件
  </div>
</template>

<script>
export default {
 
}
</script>

• demo.vue

<!--  -->
<template>
    <asynccmp/>
</template>

<script>
import { defineAsyncComponent } from 'vue'
export default {
    components: {
        asynccmp: defineAsyncComponent(() =>
            import('/@/components/async.vue')
        )
    }
}

</script>