vue异步更新流程图
2022-10-08 16:15:38 7 举报vue异步更新流程图
作者其他创作
大纲/内容
不需要异步
传递新旧dom树
subs.update
遍历执行订阅函数flushSchedulerQueue
筛选是否需要异步渲染
默认异步渲染
异步API（promise/MutationObserver/setImmediate/settimeout）开始执行
this.val = 4
结束
渲染开始执行
updateChildren
同步代码执行完毕
真正更新方法执行
queue.sort
新建全局queue，缓存所有的变化更新操作函数
Object.defineProperty 的 setter
将批量更新函数flushSchedulerQueue放进nextTick
显式指定vue.config.async = false
通知订阅的函数
watch.run
开始
按照id进行排序来区分新旧值，取出最终目标结果
Vue.prototype._update
更新节点
dep.notity
queueWatcher(this)
watch.get
更新页面操作
0 条评论
下一页
