Vue异步更新机制和nextTick原理，前端开发新手项目

---

前言

---

最初更新是  vue核心  实现之一，在整体流程中预先着手观看者更新的调度者这一角色。大部分观察者更新都会通过它的处理，在适当时机让更新有序的执行。而nextTick作为替代更新的核心，也是需要学习的重点。

本文你能学习到：

• 初步更新的作用

• nextTick原理

• 初步更新流程

js****运行机制

---

在理解初步更新前，需要对js运行机制进行了解，如果你已经知道这些知识，可以选择跳过这部分内容。

js执行是单线程的，它是基于事件循环的。事件循环大致分为以下几个步骤：

• 所有同步任务都在主线程上执行，形成一个执行栈（执行上下文堆栈）。

• 主线程之外，还存在一个“任务队列”（task queue）。只要初始化任务有了运行结果，就在“任务变量”之中放置一个事件。

• 一旦“执行栈”中的所有同步任务执行完毕，系统就会重新“任务类别”，看看里面有什么事件。那些对应的初始化任务，于是结束等待状态，进入执行栈，开始执行。

• 主线程不断重复上面的第三步。

“任务类别”中的任务（任务）被分为两个类，分别是宏任务（宏任务）和微任务（micro task）

宏任务：在一次新的事件循环的过程中，遇到宏任务时，宏任务将被加入任务类别&