vue3 $set用法

`$set`是Vue 3中的一个重要工具，它用于在响应式系统中动态添加或修改数据属性。在Vue中，直接修改data对象的已声明属性不会触发视图更新，但使用`$set`方法却可以。

$set的基本用法如下：

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

- `obj`：你需要操作的目标对象，通常是Vue实例的data对象。
- `key`：你想要添加或修改的属性名。
- `value`：你想要设置的新值。

例如：

// 初始化对象
const app = new Vue({
  data: {
    user: {
      name: 'John'
    }
  }
});

// 使用 $set 添加新的嵌套属性
app.$set(app.user, 'address', '123 Street');

// 这样做会触发视图更新，因为`address`是在运行时添加的
console.log(app.user); // { name: 'John', address: '123 Street' }

值得注意的是，`$set`对数组的处理也有所不同。当你需要在数组的特定索引处插入或删除元素时，`$set`会自动处理数组的更新，而直接使用数组的索引操作（如`arr[index] = value`）则不会。