响应式原理
1. 这是什么
Vue 的响应式系统用于在数据变化时自动驱动视图更新，是 Vue 组件模型的核心基础。
2. 核心机制
Vue 3主要基于Proxy拦截对象访问与修改- 读取阶段收集依赖
- 写入阶段触发副作用重新执行
- 组件渲染本质上是一个被响应式系统追踪的副作用
3. 需要理解的重点
- 响应式不是“自动魔法”，本质是依赖追踪与派发更新
- 深层对象、数组、集合类型的追踪边界需要单独关注
- 计算属性适合派生值，侦听器适合副作用
4. 实践建议
- 优先区分“源数据”和“派生数据”
- 避免在侦听器里堆叠过多业务逻辑
- 大对象与频繁更新场景要注意不必要的重渲染