[JavaScript知识库]Vue3组件懒加载defineAsyncComponent

在Vue3中使用?const?son?=?()?=>?import('? ')? 是无法引入子组件的

这时候就要用到defineAsyncComponent来实现组件懒加载，写法如下

<template>
  <div>
    <h1>父组件</h1>
    <hr />
    <son></son>
  </div>
</template>
<script lang="ts">
import { defineComponent, defineAsyncComponent } from 'vue'
const son = defineAsyncComponent(() => import('./components/son.vue'))

export default defineComponent({
  components: { son }
})
</script>