vue.js中this.$set更新数据

1、this.$set 是 Vue.js 提供的一个方法，用于在 Vue 实例上添加一个响应式属性。如果直接使用 this.property = value，Vue 可能无法检测到新属性的变化，因此不会触发视图更新。而 this.$set 则可以保证新添加的属性是响应式的。

// 语法
// target: 要添加响应式属性的对象。
// key: 要添加的属性名。
// value: 属性的值。
this.$set(target, key, value)

// 实例
this.$set(this.someObject, 'newProperty', 'newValue')

2、this.property = value 是 JavaScript 的赋值操作符，用于更新对象已有的属性或者添加新属性。如果是对已有属性进行更新，Vue 可以检测到变化并更新视图；但如果是添加新属性，Vue 可能无法检测到，从而不会触发视图更新。

data() {
  return {
    someObject: {
      existingProperty: 'initialValue'
    }
  }
}

this.someObject.existingProperty = 'newValue'; // 更新已有属性
this.someObject.newProperty = 'newValue';     // 添加新属性（可能不会触发视图更新）

总结：
更新对象已有属性的值使用 this.property = value即可，因为vue能够检测到已有属性的变化并自动更新视图；
对象添加新属性使用this.$set，以确保属性是响应式的，并能触发视图更新。

什么是响应式数据：
vue中的响应式数据-CSDN博客