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,
  },
};