关于 nextTick 执行时机

来源:4-20 vue组件是异步渲染的

weixin_慕后端8420781

2022-03-13

看到了很多同学关于 nextTick 执行时机的问题,在这里说一下我的理解,希望能解决大家的疑问,如有错误麻烦老师指正:)
浏览器默认行为是随着js代码执行同步进行dom更新,而 vue 会异步更新dom,会在当前执行栈的最后更新dom,而页面渲染始终是在微任务执行之后才进行的。nextTick是微任务,所以nextTick中会得到dom更新后的结果(nextTick执行时页面还没有进行渲染,所以在next执行时页面上不会显示更新后的结果,大家可以自己使用 alert() 试一下)
图片描述
把上图中的 “页面渲染” 改成 “dom更新” 后就能理解了

写回答

1回答

双越

2022-03-13

是的,说的没错

0
3
袁门弟子
回复
小华184531
微任务是在dom渲染之前执行,微任务里的回调函数是在dom更新后执行的吧!是不是这个意思呀,
2022-10-15
共3条回复

前端框架及项目面试 聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4695 学习 · 1667 问题

查看课程