2
2
3
3
> [ Vue Composition API] ( https://vue-composition-api-rfc.netlify.com/ )
4
4
5
- ` @vue/composition-api ` 使开发者们可以在 ` Vue2 .x` 中使用 ` Vue3 ` 引入的** 基于函数** 的** 逻辑复用机制** 。
5
+ ` @vue/composition-api ` 使开发者们可以在 ` Vue 2 .x` 中使用 ` Vue 3.0 ` 引入的** 基于函数** 的** 逻辑复用机制** 。
6
6
7
7
[ ** English Version** ] ( ./README.md )
8
8
@@ -50,13 +50,13 @@ import VueCompositionApi from '@vue/composition-api';
50
50
Vue .use (VueCompositionApi);
51
51
```
52
52
53
- 安装插件后,您就可以使用新的[ Composition API] ( https://vue-composition-api-rfc.netlify.com/ ) 来开发组件了。
53
+ 安装插件后,您就可以使用新的 [ Composition API] ( https://vue-composition-api-rfc.netlify.com/ ) 来开发组件了。
54
54
55
55
# TypeScript
56
56
57
57
** 请使用最新版的 TypeScript,如果你使用了 ` vetur ` ,请将 ` vetur.useWorkspaceDependencies ` 设为 ` true ` 。**
58
58
59
- 为了让 TypeScript 正确的推到类型 ,我们必须使用 ` createComponent ` 来定义组件:
59
+ 为了让 TypeScript 正确的推导类型 ,我们必须使用 ` createComponent ` 来定义组件:
60
60
61
61
``` ts
62
62
import { createComponent } from ' @vue/composition-api' ;
@@ -67,7 +67,7 @@ const Component = createComponent({
67
67
68
68
const Component = {
69
69
// 无法进行选项的类型推断
70
- // TypeScript 无法知道这是一个 vue 组件的选项对象
70
+ // TypeScript 无法知道这是一个 Vue 组件的选项对象
71
71
};
72
72
```
73
73
@@ -143,7 +143,7 @@ b.list[1].count === 1; // true
143
143
144
144
## ` watch() ` API
145
145
146
- 不支持 ` onTrack ` 和 ` onTrigger ` 选项.
146
+ 不支持 ` onTrack ` 和 ` onTrigger ` 选项。
147
147
148
148
---
149
149
@@ -237,9 +237,9 @@ export default {
237
237
};
238
238
```
239
239
240
- 如果你依然选择在 ` setup() ` 中写 ` render ` 函数,那么你可以使用 ` SetupContext.refs ` 来访问模板引用,它等价于 vue2 中的 ` this.$refs ` :
240
+ 如果你依然选择在 ` setup() ` 中写 ` render ` 函数,那么你可以使用 ` SetupContext.refs ` 来访问模板引用,它等价于 Vue 2.x 中的 ` this.$refs ` :
241
241
242
- > :warning : ** 警告** : ` SetupContext.refs ` 并不属于 ` Vue3 .0` 的一部分, ` @vue/composition-api ` 将其曝光在 ` SetupContext ` 中只是临时提供的一种变通方案 。
242
+ > :warning : ** 警告** : ` SetupContext.refs ` 并不属于 ` Vue 3 .0` 的一部分, ` @vue/composition-api ` 将其曝光在 ` SetupContext ` 中只是临时提供一种变通方案 。
243
243
244
244
``` js
245
245
export default {
@@ -261,7 +261,7 @@ export default {
261
261
};
262
262
```
263
263
264
- 如果项目使用了 TypeScript 中 ,你还需要扩展 ` SetupContext ` 类型:
264
+ 如果项目使用了 TypeScript,你还需要扩展 ` SetupContext ` 类型:
265
265
266
266
``` ts
267
267
import Vue from ' vue' ;
0 commit comments