定义一个异步组件,它在运行时是懒加载的。它允许在组件加载时按需加载,从而提高应用的性能和响应速度。
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') // 加载失败时显示的组件
});