Vue 3 中 watch 与 watchEffect 的竞态问题与清理函数实战

在 Vue 3 的组合式 API 里，watch 是响应式副作用最常用的入口之一。很多人在监听 reactive 对象或数组时发现，回调里的 newVal 和 oldVal 打印出来完全一样，哪怕只是修改了对象里的某个属性。这个问题在表单编辑、列表筛选、撤销重做等场景下非常棘手，因为旧值往往需要用来做 diff 或回滚。根源在于 reactive 返回的是 Proxy，watch 默认只做浅层引用