赛捷软件论坛's Archiver

vicky.yu 发表于 2023-12-4 10:32

Vue 3.0 异步组件

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

新的 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
}

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.