Vue源码解析篇（4）：深入探讨异步更新机制？
- 内容介绍
- 文章标签
- 相关推荐
本文共计3465个文字，预计阅读时间需要14分钟。
1. 深入理解Vue的异步更新机制
2.nextTick的原理
3.前言：上一篇Vue源码解读（3）—— 响应式原理
通过Object.defineProperty为对象的每个key设置getter、setter，拦截数据访问，从而实现响应式 1、深入理解 Vue 的异步更新机制 2、nextTick 的原理 前言上一篇的 Vue 源码解读（3）—— 响应式原理 说到通过 Object.defineProperty 为对象的每个 key 设置 getter、setter，从而拦截对数据的访问和设置。
当对数据进行更新操作时，比如 obj.key = 'new val' 就会触发 setter 的拦截，从而检测新值和旧值是否相等，如果相等什么也不做，如果不相等，则更新值，然后由 dep 通知 watcher 进行更新。所以，异步更新 的入口点就是 setter 中最后调用的 dep.notify() 方法。
本文共计3465个文字，预计阅读时间需要14分钟。
1. 深入理解Vue的异步更新机制
2.nextTick的原理
3.前言：上一篇Vue源码解读（3）—— 响应式原理
通过Object.defineProperty为对象的每个key设置getter、setter，拦截数据访问，从而实现响应式 1、深入理解 Vue 的异步更新机制 2、nextTick 的原理 前言上一篇的 Vue 源码解读（3）—— 响应式原理 说到通过 Object.defineProperty 为对象的每个 key 设置 getter、setter，从而拦截对数据的访问和设置。
当对数据进行更新操作时，比如 obj.key = 'new val' 就会触发 setter 的拦截，从而检测新值和旧值是否相等，如果相等什么也不做，如果不相等，则更新值，然后由 dep 通知 watcher 进行更新。所以，异步更新 的入口点就是 setter 中最后调用的 dep.notify() 方法。