vue3 reactive对象重新赋值一个新对象

如果你想在Vue3的reactive对象中重新赋值一个新对象，你可以使用Vue3提供的`toRefs`函数来实现。具体步骤如下：

1. 创建一个新的对象，将其赋值给reactive对象。

import { reactive } from 'vue'

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

state = reactive({
  name: 'Jerry',
  age: 20
})

2. 使用`toRefs`函数将新的reactive对象转换为一个响应式的Ref对象。

import { reactive, toRefs } from 'vue'

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

state = toRefs({
  name: 'Jerry',
  age: 20
})

这样，你就可以在Vue3的reactive对象中重新赋值一个新对象了。需要注意的是，使用`toRefs`函数将新的reactive对象转换为一个响应式的Ref对象后，访问属性时需要加上`.value`。如`state.name.value`。