vue源码解读--nextTick

目录导航

上一节通过分析我们知道,当执行flushSchedulerQueue时,会触发watcher的get方法从而调用updateComponent去重新render重新update

那么,flushSchedulerQueue是何时被执行的呢?

vue源码解读--nextTick_第1张图片

当我们调用nextTick时,将flushSchedulerQueue函数作为参数传入,并向callbacks保存了一份;代码向下执行timerFunc方法,该方法定义可能是

也可能是在ie中被支持的

还有可能是

vue源码解读--nextTick_第2张图片

可以看到,不管是哪一种,都是一次异步任务(js异步),由于我们的update更新数据是在nextTick内的,因此数据的更新是异步的,因此我们能拿到新的值

你可能感兴趣的:(vue源码解读--nextTick)