前端八股文 对$nextTick的理解

$nexttick是什么?

获取更新后的dom内容

为什么会有$nexttick ?

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

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

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

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

什么时候使用

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

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

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

相关推荐
AskHarries1 分钟前
技术人最深的三大痛点:看见的人不多,说出口的人更少
前端·后端·程序员
星尘库1 分钟前
怎么实现js混淆加密 每隔一段时间 会失效 需要重新加密使用
java·服务器·前端
m***98210 分钟前
Redis6.2.6下载和安装
android·前端·后端
LV技术派12 分钟前
这一年,收获很多,办了婚礼,还出了一门前端AI课
前端·程序员·ai编程
我叫张小白。18 分钟前
Vue3 基本生命周期:组件的一生之旅
前端·javascript·vue.js·前端框架·vue3
GISer_Jing23 分钟前
SSE Conf大会分享——UTOO WASM:AI时代的浏览器原生极速研发套件
前端·人工智能·架构·wasm
Q***l68726 分钟前
前端在移动端中的响应式设计
前端
QH_ShareHub27 分钟前
R 包中的生命周期触发函数全解析
前端·javascript·数据库
小奶包他干奶奶29 分钟前
Webpack学习——如何自定义钩子
前端·学习·webpack
AI3D_WebEngineer31 分钟前
企业级业务平台项目设计、架构、业务全解之平台篇
前端·javascript·vue