本文讨论了从 Vue2 到 Vue3 的转变,重点是响应式原理的变化。Vue2 使用 Object.defineProperty() 追踪数据变化,而 Vue3 则采用 Proxy 创建响应式对象。作者总结了 Vue3 的响应式 API,包括 reactive 和 ref 的使用及其局限性。
Vue 响应式原理中,Dep 代表依赖,Watcher 是订阅者(来自 watch、computed、渲染函数)。数据 getter 时通过 Dep.target 建立 Dep 与 Watcher 的多对多关系;setter 时调用 dep.notify 通知订阅者更新,触发视图刷新。Observer 递归处理响应式对象,核心在 defineReactive 中实现。
完成下面两步后,将自动完成登录并继续当前操作。