qq_44996048的博客

通过这种机制，Vue 实现了高效、自动化的视图更新，使得响应式系统能够精准追踪数据变化与依赖关系，轻松完成视图更新。被多个 Vue 实例依赖，Vue 的响应式系统需要确保这两个实例都更新它们的视图。这就需要“依赖收集”来记录哪些实例依赖于哪些数据，当数据变更时，通知它们更新。没有出现在视图中，所以完全没有必要触发视图更新。类用来表示一个依赖，它会记录数据被访问的位置，当数据更新时通知视图更新。的类，它的作用是记录依赖，并在数据发生变化时通知这些依赖去更新视图。实例化时会将自己赋值给。结合，实现依赖收集。

Vue.js 是一款 MVVM 框架，最大的卖点之一就是它的响应式系统。Vue 的响应式数据绑定就像是一根鱼竿，动一下数据，页面立马跟着变，仿佛背后有一位魔法师在操控。可实际上，这个所谓的“魔法”并不那么玄乎，背后真正的大脑就是响应式系统。为了让这个系统不显得那么神秘，我们今天就来拆解一下它的工作原理。理解这些原理不仅能帮你写出更优雅的代码，还能避免踩一些常见的“坑”，比如：“我明明改了值但页面就是不刷新！我们可以自己实现一个简单版的响应式数组，劫持Array。