# 异步组件
# defineAsyncComponent
在大型项目中,当需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件,可以使用 defineAsyncComponent
。
import { defineAsyncComponent } from 'vue'
const AsyncComp = defineAsyncComponent(() => {
return new Promise((resolve, reject) => {
// ...从服务器获取组件
resolve(/* 获取到的组件 */)
})
})
// ... 像使用其他一般组件一样使用 `AsyncComp`
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9