1、为什么需要 nextTick
Vue 是异步修改 DOM 的并且不鼓励开发者直接接触 DOM,但有时候业务需要必须对数据更改--刷新后的 DOM 做相应的处理,这时候就可以使用 Vue.nextTick(callback)这个 api 。
2、知识储备
事件循环中宏任务和微任务这两个概念
常见的宏任务有 script, setTimeout, setInterval, setImmediate(一种执行更加频繁的定时器)
常见的微任务有 ,Promise.then(), async
nextTick 的原理是:vue 通过异步队列控制 DOM 更新。
3、小科普:
其实vue在版本更新的时候。 时而将nextTick封装成宏任务,时而将nextTick封装成微任务。 不过目前vue2最新的版本,nextTick底层是微任务。
Vue.js使用nextTickAPI确保在DOM更新之后执行回调,它基于宏任务或微任务实现。在Vue2中,nextTick主要使用微任务如Promise。这一机制允许开发者在数据变化后等待DOM更新完成进行后续操作。
1001

被折叠的 条评论
为什么被折叠?



