Vue无直接状态修改拦截插件，但可通过watch（deep: true）、effectScope+onScopeDispose、customRef及Devtools调试钩子实现变更回调；需权衡性能与适用场景。
Vue 本身不提供直接拦截状态修改的插件机制，但可以通过响应式系统底层能力（如 watch、watchEffect、proxy 拦截或 effectScope）配合自定义逻辑实现“每次状态修改时触发回调”。关键不是找一个现成插件，而是用 Vue 提供的响应式工具构建可监控的状态层。
用 watch 监听深层响应式对象的所有变化
对整个 reactive 对象或 ref 使用 watch，并开启 deep: true 和 immediate: false，就能捕获任意属性的赋值操作。适用于需要统一记录、审计或同步外部系统的场景。
- 监听整个 store 或根级 reactive 对象，比逐个字段 watch 更简洁
- 回调中可通过
newVal和oldVal做 diff（注意：deep watch 的 oldVal 在首次触发时为 undefined） - 避免监听大型对象，否则性能开销明显；可结合
flush: 'post'延迟到 DOM 更新后执行
用 effectScope + onScopeDispose 实现可卸载的变更钩子
在组件或模块初始化时创建一个 effect scope，内部用多个 watch 或 watchEffect 分别监听关键字段，并统一管理销毁时机。这样能防止内存泄漏，也便于按需启用/禁用拦截逻辑。
-
const scope = effectScope()创建作用域 - 在 scope 内使用
scope.run(() => watch(...))注册监听器 - 组件卸载或条件满足时调用
scope.stop()，所有监听自动清除
用 customRef 封装带拦截逻辑的响应式引用
对单个值需要精细控制读写行为时（比如记录每次 set 的时间戳、拒绝非法值、触发日志），可用 customRef 自定义 ref 行为。它返回一个对象，暴露 get 和 set 函数，完全掌控赋值过程。
立即学习“前端免费学习笔记（深入）”；
-
set中可判断新旧值是否相等，避免无意义触发 - 可在
set内调用外部函数（如上报、校验、通知） - 适合封装高复用性、强约束的响应式字段，例如
useTrackedRef(value, onSet)
借助 Vue Devtools 的 setup 钩子做开发期调试拦截
生产环境不推荐依赖 Devtools API，但在开发阶段，可以利用 app.config.devtools = true 和 Devtools 的 hook 机制（如 app._devtools）注入临时监听。例如在组件 mounted 后遍历所有 reactive 对象，用 Proxy 包裹其原始对象并打印变更。
- 仅用于调试，不可用于生产逻辑
- 需检查
window.__VUE_DEVTOOLS_GLOBAL_HOOK__是否存在 - 容易干扰响应式系统，慎用
Object.defineProperty或手动 Proxy 嵌套
