vue.set主要是干啥的，有啥作用

Vue.set 是 Vue.js 提供的一个全局方法，它主要用于向响应式对象中添加一个新的响应式属性，并确保这个属性的变化能够被 Vue 的响应式系统检测到，从而触发视图的更新
举例说明
当然可以。以下是几个使用 Vue.set 的示例：

示例 1：向响应式对象添加新属性

假设我们有一个 Vue 实例，其中包含一个响应式对象 user：

new Vue({
  el: '#app',
  data: {
    user: {
      name: 'Kimi'
    }
  }
})

如果我们直接添加一个新属性到 user 对象：

this.user.age = 25; // 直接赋值

这个变化不会被 Vue 的响应式系统检测到，因此视图不会更新。为了确保 age 属性也是响应式的，并且视图能够更新，我们应该使用 Vue.set：

Vue.set(this.user, 'age', 25); // 使用 Vue.set 添加新属性

示例 2：向数组添加响应式属性

假设我们有一个包含数组的响应式对象：

new Vue({
  el: '#app',
  data: {
    todos: ['Learn Vue', 'Build something']
  }
})

如果我们直接修改数组的索引：

this.todos[2] = 'Something new'; // 直接赋值

这个变化同样不会被检测到。为了确保新元素是响应式的，我们使用 Vue.set：

Vue.set(this.todos, 2, 'Something new');

或者，我们可以使用数组的索引形式的 Vue.set：

this.$set(this.todos, 2, 'Something new');

示例 3：动态添加对象属性

假设我们有一个动态表单，需要根据用户输入动态添加字段：

new Vue({
  el: '#app',
  data: {
    form: {}
  },
  methods: {
    addInput(key, value) {
      Vue.set(this.form, key, value);
    }
  }
})

在模板中，我们可以这样使用：

<div id="app">
  <input v-for="(value, key) in form" :key="key" v-model="form[key]">
  <button @click="addInput('newKey', 'newValue')">Add Input</button>
</div>

当点击按钮时，addInput 方法会被调用，使用 Vue.set 动态添加新的表单字段，确保新字段也是响应式的。

这些示例展示了 Vue.set 在不同场景下的使用方法，帮助确保 Vue 应用中的数据变化能够被正确地检测和响应。