vue3 中this.$set
时间: 2023-08-25 13:15:21 浏览: 169
从vue源码解析Vue.set()和this.$set()
在Vue 3中,`this.$set`方法已经被移除了。Vue 3采用了基于Proxy的响应式系统,不再需要使用`$set`来动态添加响应式属性。
相反,你可以直接使用常规的JavaScript语法来添加响应式属性。例如,如果你有一个对象`data`,你可以像这样添加一个新的属性:
```
this.data.newProperty = 'new value';
```
这将自动将`newProperty`变为响应式属性,并且在视图中进行更新。
如果你需要在数组中添加元素并保持响应式,你可以使用数组的方法,比如`push`、`pop`、`shift`、`unshift`等。例如:
```
this.array.push('new element');
```
这样做会自动更新视图。
阅读全文