nextTick使用和原理

1.nextTick是做什么的？

nextTick是用于获取下次DOM更新后才调用使⽤的函数

2. 为什么需要它呢？

Vue有个异步更新策略，意思是如果数据变化，Vue不会⽴刻更新DOM，⽽是开启⼀个队列，把组件更新函数保存在队列中，在同⼀事件循环中发⽣的所有数据变更会异步的批量更新。这⼀策略导致我们对数据的修改不会⽴刻体现在DOM上，此时如果想要获取更新后的DOM状态，就需要使⽤nextTick

3. 开发时何时使它？

开发时，⽐如我希望获取列表更新后的⾼度就可以通过nextTick实现。

4. nextTick工作原理

nextTick其实就是Promise.then(),相当于微任务。nextTick内部如下： function nextTick(callback?: () => void): Promise<void>所以我们只需要在传⼊的回调函数中访问最新DOM状态即可，或者我们可以await nextTick⽅法返回

以上就是我对nextTick使用和原理的理解,如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的文章,以避免误人子弟。