vue3封装一个公共的异步组件函数
在 Vue 3 中,可以使用 defineAsyncComponent
函数来封装一个公共的异步组件函数。下面是一个示例:
import { defineAsyncComponent } from 'vue';
export const asyncComponent = (loader, options) => {
return defineAsyncComponent({
loader,
delay: options?.delay || 200,
timeout: options?.timeout || 3000,
errorComponent: options?.errorComponent,
loadingComponent: options?.loadingComponent,
});
};
使用示例:
import { asyncComponent } from './asyncComponent';
const MyComponent = asyncComponent(() => import('./MyComponent.vue'));
export default {
components: {
MyComponent,
},
};