Vue中任务队列和异步更新策略（任务队列、微任务、宏任务）是如何协同工作的？

本文共计2206个文字，预计阅读时间需要9分钟。

目录 + 事件循环 + 任务队列 + 如何理解微任务和宏任务？ + 深入Vue异步更新策略原理 + 事件循环 + JavaScript + 语言的特性之一就是单线程，也就是说，同一时间只能做一件事。

目录

• 事件循环
• 任务队列
• 如何理解微任务和宏任务?
• 深究Vue异步更新策略原理

事件循环

JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。

为了协调事件、用户交互、脚本、UI 渲染和网络处理等行为，防止主线程的不阻塞，Event Loop 的方案应用而生。

Event Loop 包含两类：

• 一类是基于 Browsing Context
• 一种是基于 Worker

二者的运行是独立的，也就是说，每一个 JavaScript 运行的"线程环境"都有一个独立的 Event Loop，每一个 Web Worker 也有一个独立的 Event Loop。

任务队列

vue 数据驱动视图是数据改变,视图异步等待所有数据变化完成,统一进行视图更新。