任务调度模块的功能在runtime-core下的scheduler文件
变量
首先会定义几个全局变量用于存储任务和状态。
// 主任务队列,用于存储更新任务
const queue: (Job | null)[] = []
// 后置回调,任务队列执行完毕后执行
const postFlushCbs: Function[] = []
// 微任务
const p = Promise.resolve()
// 是否正在执行队列
let isFlushing = false
// 微任务已创建,任务队列等待执行(把执行队列的函数放入微任务中)
let isFlushPending = false
// 一次执行期间同一任务次数上限
const RECURSION_LIMIT = 100
API
该模块会抛出5个API函数
// 把fn用微任务的方式执行
export function nextTick(fn?: () => void): Promise<void> {
return fn ? p.then(fn) : p
}
// 添加任务并启动微任务<
Vue 3.0 源码解析:任务调度机制

本文深入探讨Vue 3.0的源码,重点解析任务调度模块。介绍变量设置、提供的API、如何启动微任务以及如何执行任务和回调函数,揭示Vue更新和响应式的内部工作原理。
最低0.47元/天 解锁文章
1575

被折叠的 条评论
为什么被折叠?



