Vue2 使用 this.$set 添加对象属性：教程和示例

在 Vue2 中，可以使用 this.$set 方法给对象添加一个新属性。this.$set 方法接受三个参数：对象、属性名和属性值。

下面是一个示例代码：

this.$set(this.obj, 'newProperty', 'new value');

在上面的代码中，this.obj 是一个已经存在的对象，我们通过 this.$set 方法给它添加了一个名为 'newProperty' 的新属性，并设置属性值为 'new value'。

需要注意的是，如果要给对象的嵌套属性添加新属性，需要使用 this.$set 方法的方式来添加，而不是直接赋值。例如：

this.$set(this.obj.nested, 'newProperty', 'new value');

上面的代码中，this.obj 是一个已经存在的对象，它有一个名为 nested 的嵌套属性。我们通过 this.$set 方法给 nested 属性添加了一个名为 'newProperty' 的新属性，并设置属性值为 'new value'。

这样做是因为 Vue2 使用了响应式系统来追踪数据的变化，直接赋值的方式无法触发响应式系统的更新。而使用 this.$set 方法可以确保添加的属性能够被追踪和更新。