Vue 3.0 异步组件

vicky.yu

#概览
以下是对变化的高层次概述：

新的 defineAsyncComponent 助手方法，用于显式地定义异步组件
component 选项重命名为 loader
Loader 函数本身不再接收 resolve 和 reject 参数，且必须返回一个 Promise
如需更深入的解释，请继续阅读！

#介绍
以前，异步组件是通过将组件定义为返回 Promise 的函数来创建的，例如：

const asyncPage = () => import('./NextPage.vue')
或者，对于带有选项的更高阶的组件语法：

const asyncPage = {
  component: () => import('./NextPage.vue'),
  delay: 200,
  timeout: 3000,
  error: ErrorComponent,
  loading: LoadingComponent
}