vue2 $set的用法

`$set` 是 Vue.js 2.x 版本中的一个辅助函数，它用于在响应式系统中安全地更新一个已观测的对象属性，特别是在深层次嵌套的数据结构中。当你直接使用 `obj.key = value` 更新对象时，Vue 可能无法检测到这个变化；而通过 `$set` 函数，你可以确保属性的变化被记录下来，并触发视图更新。

使用 `$set` 的基本语法如下：

this.$set(obj, key, value);

这里的 `obj` 是目标对象，`key` 是你想要设置的新属性名，`value` 是新值。例如：

// 初始化数据
data() {
  return {
    user: { name: 'John' }
  };
}

// 使用 $set 更新
methods: {
  updateName(newName) {
    this.$set(this.user, 'name', newName);
  }
}

在这个例子中，如果你调用 `updateName('Jane')`，Vue 将会正确地感知到并更新 UI 中的 `name` 属性。