实现vue的this.$set

Vue.js 中的 `this.$set` 是一个特殊的方法，用于动态地添加新的响应式属性到一个 Vue 实例的数据对象上。通常，直接修改数据对象的已有属性不会触发视图更新，而 `this.$set` 可以让新增或修改后的属性成为响应式的，并且能实时更新视图。

`this.$set` 方法接收三个参数：
1. 数据对象 (`object`): 需要添加新属性的目标对象。
2. 要添加或更新的键名 (`key`): 新属性的名称。
3. 值 (`value`): 对应的新属性值。

下面是一个简单的使用示例：

// 初始化数据对象
data() {
  return {
    user: {}
  }
}

methods: {
  updateUserProfile: function () {
    this.$set(this.user, 'name', 'John Doe'); // 动态添加或更新响应式属性
    this.$set(this.user, 'age', 30); // 同样适用于设置数值等属性
  }
}

如果你试图向一个已存在的非对象属性赋值，比如数组元素，Vue 也能检测到并自动增加长度，但为了保证安全和性能，对于这种情况推荐使用数组的索引来直接赋值：

this.user.newProperty = 'some value'; // 更好的做法