Vue2中如何利用nextTick实现数据变化到视图变化的详细过程？

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

目录+引言+1. Vue中nextTick的使用场景+2. Vue中nextTick在哪里定义+3. Vue中nextTick的实现原理+（1）callbacks的定义+（2）timerFunc的定义+（3）cb未传入的处理+4. Vue中nextTick的任务分类+小结+引言

目录

• 引言
• 1、vue中nextTick的使用场景
• 2、vue中nextTick在哪里定义
• 3、vue中nextTick的实现原理
• （1）callbacks的定义
• （2）timerFunc的定义
• （3）cb未传入的处理
• 4、vue中nextTick的任务分类
• 小结

引言

nextTick在vue中是一个很重要的方法，在new Vue实例化的同步过程中，将一些需要异步处理的函数推到异步队列中去，可以等new Vue所有的同步任务执行完后，再执行异步队列中的函数。