Vue 3 中的 defineAsyncComponent()

定义一个异步组件，它在运行时是懒加载的。它允许在组件加载时按需加载，从而提高应用的性能和响应速度。

import { defineAsyncComponent } from 'vue';

const AsyncComponent = defineAsyncComponent({
  loader: () => import('./path/to/your/component.vue'),
  loading: () => import('./path/to/loading-component.vue'), // 加载中的组件
  delay: 200, // 在开始加载组件之前等待 200 毫秒
  timeout: 3000, // 如果加载超过 3000 毫秒，则显示错误组件
  error: () => import('./path/to/error-component.vue') // 加载失败时显示的组件
});