1.nextTick是做什么的?

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

2. 为什么需要它呢?

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

3. 开发时何时使它?

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

4. nextTick工作原理

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

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

精彩内容

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: