如果reactive绑定的数据没有双向绑定

只能用于对象类型 (array map set weakmap weakset Object这样的集合类型)。
不能持有如 string、number 或 boolean 这样的原始类型。

不能替换整个对象

对解构操作不友好：当我们将响应式对象的原始类型属性解构为本地变量时，或者将该属性传递给函数时，我们将丢失响应性连接：

解构reactiveHook.ts
function useMousePosition() {
const pos = reactive({
x: 0,
y: 0,
})
return toRefs(pos)
}

// x & y 现在是 ref 形式了!
const { x, y } = useMousePosition()