Vue响应式系统不进行数据内容差异比对，只负责依赖追踪与精准通知更新；Diff算法在虚拟DOM更新阶段执行结构级比对，二者分工明确：前者是“信号发生器”，后者是“差异分析器”。
Vue.js 响应式系统本身不直接做“数据内容”的差异比对（比如对比两个对象字段哪些变了），它关注的是依赖追踪 + 精准触发更新；真正执行结构级差异比对（Diff）的是虚拟 DOM 更新阶段，发生在视图渲染环节，而非响应式数据劫持环节。
响应式系统：只通知“谁要更新”，不计算“怎么更新”
Vue 的响应式核心（如 Object.defineProperty 或 Vue 3 的 Proxy）负责：
- 在数据被读取时收集依赖（哪个组件/计算属性用到了这个值）
- 在数据被修改时通知所有依赖，触发重新求值或重新渲染
- 它不分析 new value 和 old value 的文本/结构差异——例如不会告诉你 obj.name 从 "张三" 变成 "李四" 是改了几个字符
换句话说：响应式系统是“信号发生器”，不是“差异分析器”。它保证“一变全知”，但不负责“变了多少、哪里不同”。
Diff 算法：发生在 patch 阶段，比对的是虚拟 DOM 节点树
当响应式触发组件重新 render，生成新的虚拟 DOM（VNode）后，Vue 才启动 Diff：
立即学习“前端免费学习笔记（深入）”；
- 输入是旧 VNode 树 和 新 VNode 树
- 目标是找出最小 DOM 操作集合（增、删、移、改属性/文本）
- 核心策略：同层比较 + key 驱动 + 双端指针匹配
- 例如列表中元素顺序调整，有 key 就复用并移动节点；没 key 就按位置逐个替换，导致无效重绘
如果真需要数据层面的差异比对，得额外引入
Vue 不内置 JSON diff 或对象字段级变更检测。如需类似能力（如配置对比、表单变更提示、审计日志），可：
- 用
jsdiff库对字符串化后的 JSON 做字符/行级比对（适合展示文本差异） - 用
deep-diff或手写递归对比函数，获取新增/删除/修改的字段路径 - 在
watch或computed中手动记录上一次值，再做浅/深比较
这类比对属于业务逻辑增强，和 Vue 内部的虚拟 DOM Diff 属于不同层级、不同目的。
