This repository was archived by the owner on Aug 8, 2022. It is now read-only.
File tree Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Original file line number Diff line number Diff line change @@ -7,10 +7,10 @@ badges:
7
7
8
8
## 概览
9
9
10
- 以下是对变化的高层次概述 :
10
+ 以下是对变化的总体概述 :
11
11
12
12
- 新的 ` defineAsyncComponent ` 助手方法,用于显式地定义异步组件
13
- - ` component ` 选项重命名为 ` loader `
13
+ - ` component ` 选项被重命名为 ` loader `
14
14
- Loader 函数本身不再接收 ` resolve ` 和 ` reject ` 参数,且必须返回一个 Promise
15
15
16
16
如需更深入的解释,请继续阅读!
@@ -37,7 +37,7 @@ const asyncModal = {
37
37
38
38
## 3.x 语法
39
39
40
- 现在,在 Vue 3 中,由于函数式组件被定义为纯函数,因此异步组件的定义需要通过将其包裹在新的 ` defineAsyncComponent ` 助手方法中来显式地定义:
40
+ 现在,在 Vue 3 中,由于函数式组件被定义为纯函数,因此异步组件需要通过将其包裹在新的 ` defineAsyncComponent ` 助手方法中来显式地定义:
41
41
42
42
``` js
43
43
import { defineAsyncComponent } from ' vue'
@@ -58,10 +58,10 @@ const asyncModalWithOptions = defineAsyncComponent({
58
58
```
59
59
60
60
::: tip 注意
61
- Vue Router 支持一个类似的机制来异步加载路由组件,也就是俗称的* 懒加载* 。尽管类似,这个功能和 Vue 支持的异步组件是不同的 。当用 Vue Router 配置路由组件时,你** 不** 应该使用 ` defineAsyncComponent ` 。你可以在 Vue Router 文档的[ 懒加载路由] ( https://next.router.vuejs.org/guide/advanced/lazy-loading.html ) 章节阅读更多相关内容。
61
+ Vue Router 支持一个类似的机制来异步加载路由组件,也就是俗称的* 懒加载* 。尽管类似,但是这个功能和 Vue 所支持的异步组件是不同的 。当用 Vue Router 配置路由组件时,你** 不** 应该使用 ` defineAsyncComponent ` 。你可以在 Vue Router 文档的[ 懒加载路由] ( https://next.router.vuejs.org/guide/advanced/lazy-loading.html ) 章节阅读更多相关内容。
62
62
:::
63
63
64
- 对 2.x 所做的另一个更改是,` component ` 选项现在被重命名为 ` loader ` ,以便准确地传达不能直接提供组件定义的信息 。
64
+ 对 2.x 所做的另一个更改是,` component ` 选项现在被重命名为 ` loader ` ,以明确组件定义不能直接被提供 。
65
65
66
66
``` js{4}
67
67
import { defineAsyncComponent } from 'vue'
You can’t perform that action at this time.
0 commit comments