【Vue原理】NextTick - 源码版之独立自身

最新推荐文章于 2023-12-13 16:20:11 发布

神仙朱

最新推荐文章于 2023-12-13 16:20:11 发布

阅读量227

点赞数 2

分类专栏： Vue原理文章标签： vue javascript 前端前端框架前端开发

本文链接：https://blog.csdn.net/qq_27460969/article/details/96021329

版权

写文章不容易，点个赞呗兄弟
专注 Vue 源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧
研究基于 Vue版本 【2.5.17】

如果你觉得排版难看，请点击 下面链接 或者拉到下面关注公众号也可以吧

好的，今天到了 nextTick 的环节，之前我看的版本是 2.5.17，然后瞄了一眼 2.6 的，发现对于 nextTick 修改了少部分内容，但是不太大，所以就一起记录下来

（如果改太多，就懒得看了…反正了解一个思想以及实现思路就行了）

nextTick 是一个在 Vue 中比较独立的东西，可以直接拿出来为你的项目服务

nextTick 涉及的点，就下面这些

1、任务队列callbacks
2、任务队列执行函数 flushCallbacks
3、控制（宏任务，微任务）注册标志位 pending
4、宏任务，微任务

没看懂？没关系，后面会慢慢说

这篇先讲 nextTick 自身，下篇再讲 nextTick 和 Vue 的关联

接下来就是一个个去详细记录了

宏任务，微任务

这个知识点，很重要，也不算太简单，在网上也能找到很多很好的讲解，比如下面这篇文章，在这里不会特别解释这两个，毕竟主题不是这个

关注