大概分为以下几步
1.注册监听data数据变化。即getter和setter。
2.数据变化的时候通知谁？通过getter收集依赖(即watcher)，数据变化(即setter)的时候通知对应的依赖更新。
收集依赖
收集依赖的工程
数据变化，更新UI
问题：
问：修改多个数据，执行几次UI刷新？
答：一次。因为watcher入的是全局队列。
收集依赖的工程
数据变化，更新UI
问题：
问：修改多个数据，执行几次UI刷新？
答：一次。因为watcher入的是全局队列。
Vue2响应式原理 Vue3响应式原理
本篇绪论 1，Vue响应式原理 1，Vue响应式原理 在vue实例中声明的数据就是响应式的。响应式：数据发生改变，...
vue响应式原理 要说vue响应式原理首先要说的是Object.defindProperty(),这个是响应式原理...
vue官网-深入响应式原理 深入响应式原理
vue2的响应式原理 无法响应对象的新增与删除 vue3的响应式原理
Vue2.x 核心响应式原理 Vue3.0 核心响应式原理 Vue 自定义事件 Vue 发布订阅模式 发布/订阅模...
Vue2 响应式原理 学过 Vue2 的话应该知道响应式原理是由 Object.defineProperty 对数...
VUE响应式原理 这里的响应式(Reactive)不同于CSS布局的响应式(Responsive), 这里的响应式...
摘要： 搞懂Vue响应式原理！ 作者：浪里行舟 原文：深入浅出Vue响应式原理 Fundebug经授权转载，版权归...
手写响应式原理-vue3 手写响应式原理-vue2 非常感谢王红元[https://link.juejin.cn/...
本文标题：Vue的响应式原理
本文链接：https://www.haomeiwen.com/subject/sehlydtx.html
网友评论