vue3中reactive不能直接赋值的原理
vue中reactive    在Vue3中，我们可以通过reactive函数将一个对象转换成响应式对象，从而使得该对象中任何的变化都能自动地触发相关组件的重新渲染。
    这是因为Vue3中的reactive函数实现方式，是通过Proxy对目标对象进行劫持来实现响应式的。当我们直接将响应式对象赋值给另一个变量时，会打破Proxy的缘分，因此新变量就不再具有响应式特性。
    举个例子来说明这个问题：
    ```
    const state = reactive({
      count: 0
    })
    let newState = state
    console.unt) // 输出1
    在这个例子中，我们初始时定义了一个响应式对象state，并将其赋值给了newState变量。当我们修改unt的值时，unt也跟着改变了。这是因为newState和state指向的是同一个对象，它们被同样地代理为响应式对象。
    而当我们将一个非响应式的对象赋值给newState变量时，unt就不再受到影响了。因为此时，newState已经不再是一个响应式对象，它的赋值操作已经打破了Proxy的劫持。
    因此，当我们想要将响应式对象赋值给其他变量时，应该使用toRefs函数来创建一个新的响应式对象，而不是直接赋值。