Vue 的基本原理

类别：vue / 日期：2022-08-24 / 浏览：332 / 评论：0

当一个 Vue 实例创建时，Vue 会遍历 data 中的属性，Object.defineProperty（vue3.0 使用 proxy ）将它们转为 getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。每个组件实例都有相应的 watcher 程序实例，它会在组件渲染的过程中把属性记录为依赖，之后当依赖项的 setter 被调用时，会通知 watcher 重新计算，从而致使它关联的组件得以更新。