File tree Expand file tree Collapse file tree 1 file changed +5
-2
lines changed Expand file tree Collapse file tree 1 file changed +5
-2
lines changed Original file line number Diff line number Diff line change @@ -198,10 +198,10 @@ b.list[1].count === 1 // true
198
198
199
199
<details >
200
200
<summary >
201
- ⚠️ <code >set</code > 添加响应式属性变通方案
201
+ ⚠️ <code >set</code > 和 < code >del</ code > 添加与刪除响应式属性变通方案
202
202
</summary >
203
203
204
- > ⚠️ 警告: ` set ` 并非 ` Vue 3.0 ` 的一部分。由于 [ Vue 2.x 响应式系统的限制] ( https://vuejs.org/v2/guide/reactivity.html#For-Objects ) ,我们在插件中提供该 API 作为添加响应式属性的一个变通方案。在 Vue 3 中,你只需要直接为属性赋值即可。
204
+ > ⚠️ 警告: ` set ` 和 ` del ` 并非 Vue 3 的一部分。由于 [ Vue 2.x 响应式系统的限制] ( https://vuejs.org/v2/guide/reactivity.html#For-Objects ) ,我们在插件中提供该 API 作为添加响应式属性的一个变通方案。在 Vue 3 中,你只需要直接为属性赋值即可。
205
205
206
206
``` ts
207
207
import { reactive , set } from ' @vue/composition-api'
@@ -212,6 +212,9 @@ const a = reactive({
212
212
213
213
// 添加新的响应式属性
214
214
set (a , ' bar' , 1 )
215
+
216
+ // 刪除属性并触发响应式更新
217
+ del (a , ' bar' )
215
218
```
216
219
217
220
</details >
You can’t perform that action at this time.
0 commit comments