前端八股文 对$nextTick的理解

$nexttick是什么?

获取更新后的dom内容

为什么会有$nexttick ?

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

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

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

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

什么时候使用

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

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

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

相关推荐
霁月的小屋4 分钟前
从Vue3与Vite的区别切入:详解Props校验与组件实例
开发语言·前端·javascript·vue.js
美酒没故事°19 分钟前
vue3+element实现复杂表单选中回显
前端·javascript·vue.js
Gogym29 分钟前
解决vue axios提交日期,服务器接收少一天的问题
前端·javascript·vue.js
韭菜炒大葱35 分钟前
LangChain 二:输出结果定制与历史管理能力详解
前端·langchain·openai
明月_清风37 分钟前
不止是代码堆放:带你全面掌握 Monorepo 核心技术与选型
前端
Aliex_git38 分钟前
Vue2 - Watch 侦听器源码理解
前端·javascript·vue.js·笔记·学习
你疯了抱抱我40 分钟前
【QQ】空间说说批量删除脚本(不用任何额外插件,打开F12控制台即可使用)
开发语言·前端·javascript
进击的野人1 小时前
Vuex 详解:现代 Vue.js 应用的状态管理方案
前端·vue.js·前端框架
未知原色1 小时前
前端工程师转型AI的优势与挑战
前端·人工智能