[vue]异步组件

Vue2 Vu3中异步加载组件

vue2

component:{

AsyncComponents: () => import(path)

}

vue3

基本使用

   components:{

    AsyncComponent: defineAsyncComponent(()=>import(path))

  }

配置使用

  const asyncComponent= {
    loader: () => import(path),
    delay: 1000,
    timeout: 3000,
    error: ErrorComponent, // 加载报错展示组件
    loading: LoadingComponent, // 加载过程中展示组件
}