Vue响应式系统不保存变更记录，仅在数据变化时通知依赖更新；它通过读取时收集依赖、赋值时触发通知实现响应式，而非记录变化过程或旧值。
Vue 的响应式系统并不保存“变更记录”——它不追踪你改了什么、什么时候改的、改前值是多少。它只做一件事：当数据变时，通知依赖它的部分（比如组件渲染函数）重新执行。
为什么没有变更日志？
响应式本质是“依赖驱动”，不是“状态快照”。Vue 关注的是谁需要更新，而不是发生了哪些变化。这带来几个关键事实：
- 没有内置的 diff 历史：
message从'Hello'变成'Hi'再变成'Bye'，Vue 不会记住中间过程 - 不保留旧值：setter 触发后，原始值即被覆盖，除非你手动缓存
- 更新依据是“新值是否与上次渲染时不同”，而非“变化内容是什么”
那怎么知道数据变了？
靠的是拦截 + 通知机制，分两步：
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
-
读取时收集依赖：组件首次渲染时访问
state.count，Vue 记下“这个渲染函数依赖 count” -
赋值时触发通知：
state.count = 5触发 setter 或 Proxy set 拦截器，立刻通知所有依赖 count 的地方“请重新运行”
如果真需要变更记录，怎么办？
Vue 不提供，但你可以主动设计：
立即学习“前端免费学习笔记（深入）”；
- 用计算属性或
watch手动捕获变化：watch(() => state.count, (newVal, oldVal) => console.log(`count 从 ${oldVal} → ${newVal}`)) - 封装一个带历史的响应式对象（例如用 ref 包裹数组存变更）
- 在业务逻辑层统一管理状态变更（如配合 Pinia 的 actions 或自定义 store）
数组和对象的特殊说明
对数组索引赋值（arr[0] = x）或修改 length 不触发通知，是因为这些操作无法被 Proxy 或 defineProperty 拦截——不是 Vue 漏记，而是 JavaScript 本身不发出访问信号。所以 Vue 要求你用 splice、push 等方法，因为它们是可拦截的函数调用。
