vue3如何给reactive定义的对象重新赋值

在 Vue 3 中，可以使用 `ref` 和 `reactive` 函数来创建响应式对象。对于 `ref` 创建的对象，可以直接使用 `.value` 属性来重新赋值。而对于 `reactive` 创建的对象，可以使用 `Vue.set` 或者 `Object.assign` 等方法来修改其属性值。

举个例子，假设我们有一个 `reactive` 对象：

import { reactive } from 'vue'

const state = reactive({
  count: 0,
  message: 'Hello World'
})

我们可以通过以下方式来重新赋值：

// 通过 Vue.set 方法修改属性值
Vue.set(state, 'count', 1)

// 通过 Object.assign 方法修改属性值
state.message = Object.assign({}, state.message, { text: 'Hi there!' })

对于 `ref` 创建的对象，可以直接修改 `.value` 属性：

import { ref } from 'vue'

const count = ref(0)

// 重新赋值
count.value = 1