vue3 动态添加对象属性

在 Vue3 中，可以使用 `Vue.set(object, propertyName, value)` 方法动态添加对象属性。该方法的第一个参数为要添加属性的对象，第二个参数为要添加的属性名称，第三个参数为要添加的属性值。示例代码如下：

import { reactive, Vue } from 'vue'

const state = reactive({
  name: 'Alice',
  age: 18
})

Vue.set(state, 'gender', 'female')

console.log(state) // { name: 'Alice', age: 18, gender: 'female' }

此外，还可以使用 `Proxy` 对象来实现动态添加对象属性，示例代码如下：

import { reactive } from 'vue'

const state = reactive({
  name: 'Alice',
  age: 18
})

const proxy = new Proxy(state, {
  set(target, key, value) {
    target[key] = value
    return true
  }
})

proxy.gender = 'female'

console.log(state) // { name: 'Alice', age: 18, gender: 'female' }