vue3 reactive 重新赋值整个对象

在Vue 3中，`reactive` 是用来创建响应式状态的函数，它通过 ES6 的 Proxy 实现了数据的响应式绑定。当你使用 `reactive` 创建了一个响应式对象后，你可以通过重新赋值整个对象来更新数据，以达到触发视图更新的目的。

例如：

import { reactive } from 'vue';

const state = reactive({ count: 0 });

// 更新整个对象
state = reactive({ count: 1 });

在上面的代码中，我们首先通过 `reactive` 创建了一个响应式对象 `state`，其中包含一个属性 `count`。当我们执行 `state = reactive({ count: 1 });` 这行代码时，我们实际上是在创建一个新的响应式对象，并将其赋值给原来的 `state` 引用。Vue 的响应式系统会检测到引用的改变，并且自动触发依赖的更新，从而使得依赖该状态的视图得到更新。

需要注意的是，使用 `reactive` 创建的响应式对象是一个 Proxy 对象，直接赋值给新对象会替换掉原来的 Proxy 对象，因此 Vue 能够追踪到这一变化。但是，如果使用 `Object.assign()` 或展开运算符等方法直接修改对象，而没有使用 `reactive` 重新包裹，那么这些变化是不会被 Vue 的响应式系统追踪到的。