File tree Expand file tree Collapse file tree 1 file changed +22
-3
lines changed Expand file tree Collapse file tree 1 file changed +22
-3
lines changed Original file line number Diff line number Diff line change @@ -175,6 +175,27 @@ b.list[1].count === 1 // true
175
175
176
176
</details >
177
177
178
+
179
+ <details >
180
+ <summary >
181
+ ⚠️ ` set ` 添加响应式属性变通方案
182
+ </summary >
183
+
184
+ > ⚠️ 警告: ` set ` 并非 ` Vue 3.0 ` 的一部分。由于 [ Vue 2.x 响应式系统的限制] ( https://vuejs.org/v2/guide/reactivity.html#For-Objects ) ,我们在插件中提供该 API 作为添加响应式属性的一个变通方案。在 Vue 3 中,你只需要直接为属性赋值即可。
185
+
186
+ ``` ts
187
+ import { reactive , set } from ' @vue/composition-api'
188
+
189
+ const a = reactive ({
190
+ foo: 1
191
+ })
192
+
193
+ // 添加新的响应式属性
194
+ set (a , ' bar' , 1 )
195
+ ```
196
+
197
+ </details >
198
+
178
199
### 模板 Refs
179
200
180
201
<details >
@@ -288,7 +309,7 @@ export default {
288
309
⚠️ <code >$refs</code > 访问的变通方案
289
310
</summary >
290
311
291
- > :warning : ** 警告** : ` SetupContext.refs ` 并不属于 ` Vue 3.0 ` 的一部分, ` @vue/composition-api ` 将其曝光在 ` SetupContext ` 中只是临时提供一种变通方案。
312
+ > :warning : ** 警告** : ` SetupContext.refs ` 并非 ` Vue 3.0 ` 的一部分, ` @vue/composition-api ` 将其暴露在 ` SetupContext ` 中只是临时提供一种变通方案。
292
313
293
314
如果你依然选择在 ` setup() ` 中写 ` render ` 函数,那么你可以使用 ` SetupContext.refs ` 来访问模板引用,它等价于 Vue 2.x 中的 ` this.$refs ` :
294
315
@@ -380,9 +401,7 @@ watch(
380
401
- ` defineAsyncComponent `
381
402
- ` onRenderTracked `
382
403
- ` onRenderTriggered `
383
- - ` customRef `
384
404
- ` isProxy `
385
- - ` isVNode `
386
405
387
406
### 在 ` data() ` 中使用组合式 API
388
407
You can’t perform that action at this time.
0 commit comments