vue3 的$set方法 解析

Vue3 中的 $set 方法是用于在响应式对象上添加新属性的方法。在 Vue2 中，我们需要使用 Vue.set() 方法来实现这个功能，但在 Vue3 中，我们可以直接使用 $set() 方法。

$set() 方法接受三个参数：响应式对象、属性名和属性值。它会在响应式对象上添加一个新属性，并且确保这个属性是响应式的。

例如，我们可以这样使用 $set() 方法：

import { reactive } from 'vue'

const state = reactive({
  name: 'John'
})

// 添加一个新属性
state.$set('age', 30)

console.log(state.age) // 30

在上面的例子中，我们使用 $set() 方法在 state 对象上添加了一个新属性 age，并且确保这个属性是响应式的。