nextTick的使用和原理

1、nextTick是等待下一次DOM更新刷新的方法

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

3、开发时,有两种场景我们会用到nextTick

  • created中想要获取DOM时
  • 响应式数据变化后获取DOM更新后的状态,比如希望后去列表更新后的高度。
posted @ 2022-06-23 19:52  bug制造者~~  阅读(453)  评论(0编辑  收藏  举报