当前位置: 首页> 财经> 金融 > 前端八股文 对$nextTick的理解

前端八股文 对$nextTick的理解

时间:2025/7/13 9:33:09来源:https://blog.csdn.net/Ruiqi8/article/details/140231232 浏览次数:0次

$nexttick是什么?

获取更新后的dom内容

为什么会有$nexttick ?

vue的异步更新策略 (这也是vue的优化之一  要不然一修改数据就更新dom 会造成大量的dom更新 浪费性能)

这是因为 message (data)数据在发现变化的时候,vue 并不会立刻去更新 Dom ,而是将修改数据的操作放在了一个异步操作队列中

如果我们一直修改相同数据,异步操作队列还会进行去

等待同一 事件循环 中的所有数据变化完成之后,会将队列中的事件拿来进行处理,进行DOM的更新

什么时候使用

  如果我们想要获得  dom更新后的数据 就  要用到$nexttick

代码例子  获取更新后的dom 数据

另一个使用场景  比如说我们拿到接口的数据  渲染列表      拿到渲染后的列表的高度  也需要用到 $nextTick

关键字:前端八股文 对$nextTick的理解

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: