this.$set赋值
时间: 2023-08-14 15:11:49 浏览: 108
vue $set 给数据赋值的实例
this.$set 是 Vue.js 框架中的一个方法,用于在 Vue 实例中设置响应式属性。通常情况下,我们可以直接通过赋值的方式给 Vue 实例的属性赋值,例如 `this.prop = value`,但是如果需要给一个新添加的属性添加响应式,或者修改已有属性的值时,就需要使用 this.$set 方法。
使用方式如下:`this.$set(object, key, value)`。
其中,object 是要操作的对象,key 是要设置的属性名,value 是要设置的值。
举个例子,假设有一个 data 对象:
```
data: {
prop: 'initial value'
}
```
如果我们想给 data 对象添加一个新属性 newProp,并且要保证该属性是响应式的,可以使用 this.$set 方法:
```
this.$set(this.data, 'newProp', 'new value');
```
这样就可以保证 newProp 是响应式的,当 newProp 的值发生改变时,相关的视图会自动更新。
阅读全文