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