Vue中this.$set的作用和用法是甚么
在Vue中,当需要在响应式对象上添加一个新的属性时,如果直接使用赋值操作符(如this.someProperty = someValue
),Vue没法检测到这个属性的变化,从而致使该属性不具有响应式。为了解决这个问题,可使用this.$set
方法来添加新的属性并保证它具有响应式。
this.$set
方法的用法以下:
this.$set(obj, propertyName, value)
obj
:要添加属性的对象propertyName
:要添加的属性名value
:要添加的属性值例如,如果需要在Vue组件中添加一个新的属性newProperty
到data
对象上,可以这样使用this.$set
方法:
this.$set(this.$data, 'newProperty', someValue)
这样就能够确保newProperty
属性具有响应式,并且可以被Vue进行监听和更新。
TOP