C/C++教程
nextTick的作用
本文主要是介绍nextTick的作用，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！
nextTick
vm.$nextTick()接收一个回调函数作为参数，它的作用是将回调延迟到下次DOM更新周期之后执行。在开发中会遇到一种场景：当更新了状态时，需要对新DOM做一些操作，但此时我们还获取不到更新后的DOM，因为视图还未重新渲染。将对新DOM的操作放在nextTick()的回调函数中，就可以实现视图更新后对新DOM操作。
这里主要是因为vue使用了异步更新队列。当同一轮事件循环中有两个数据发生了改变，Watcher会收到两份通知，从而进行两次渲染。而Vue会将收到通知的Watcher实例添加到队列中，然后在下一次事件循环中，让所有Watcher触发渲染流程，最终只执行一次渲染。
这篇关于nextTick的作用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
-
怎么实现ansible playbook 备份代码中命名包含时间戳功能？-icode9专业技术文章分享11-22
-
ansible 的archive 参数是什么意思？-icode9专业技术文章分享11-22
-
ansible 中怎么只用archive 排除某个目录？-icode9专业技术文章分享11-22
-
exclude_path参数是什么作用？-icode9专业技术文章分享11-22
-
微信开放平台第三方平台什么时候调用数据预拉取和数据周期性更新接口？-icode9专业技术文章分享11-22
-
uniapp 实现聊天消息会话的列表功能怎么实现？-icode9专业技术文章分享11-22
-
在Mac系统上将图片中的文字提取出来有哪些方法？-icode9专业技术文章分享11-22
-
excel 表格中怎么固定一行显示不滚动？-icode9专业技术文章分享11-22
-
怎么将 -rwxr-xr-x 修改为 drwxr-xr-x？-icode9专业技术文章分享11-22
-
在Excel中怎么将小数向上取整到最接近的整数？-icode9专业技术文章分享11-22
-
Excel中常见的取整函数有哪些？-icode9专业技术文章分享11-22
-
错误信息：does not match the actual quantity supplied 提示是什么意思？-icode9专业技术文章分享11-22
-
WebSocket学习：初学者的简单指南11-21
-
获取apk的md5值有哪些方法？-icode9专业技术文章分享11-20
-
xml报文没有传 IdentCode ，为什么正常解析没报错呢？-icode9专业技术文章分享11-20
栏目导航
