vue3动态加载组件

在Vue 3中，可以使用`defineAsyncComponent`函数来动态加载组件。这个函数接受一个返回`import()`函数的参数，并返回一个组件对象。下面是一个简单的示例：

import { defineAsyncComponent } from 'vue';

const AsyncComponent = defineAsyncComponent(() => import('./AsyncComponent.vue'));

export default {
  // ...
  components: {
    AsyncComponent
  }
  // ...
}

在上面的示例中，`AsyncComponent`是一个异步组件，它会在需要时动态地加载`./AsyncComponent.vue`文件。你可以像使用其他组件一样在模板中使用它：

<template>
  <div>
    <AsyncComponent />
  </div>
</template>

这样就实现了在Vue 3中动态加载组件的功能。请注意，使用动态组件会导致首次渲染时出现短暂的加载延迟，因为组件需要在运行时下载和解析。