这篇文章主要为大家展示了“vue如何使用nextTick”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“vue如何使用nextTick”这篇文章吧。
nextTick
功能： 添加在下次Dom更新循环结束之后的延迟回调，修改数据之后，可以获取更新后的Dom。
用法：
Vue.nextTick( [callback, context] ) vm.$nextTick( [callback] ) // 用法2 // 作为一个 Promise 使用 (2.1.0 起新增) Vue.nextTick() .then(function () { // DOM 更新了 })
说明：
-
callback：延迟回调函数
-
context：可选的object
ps：2.1.0 起新增：如果没有提供回调且在支持 Promise 的环境中，则返回一个 Promise。请注意 Vue 不自带 Promise 的 polyfill，所以如果你的目标浏览器不原生支持 Promise (IE：你们都看我干嘛)，你得自己提供 polyfill。
扩展： 关于nextTick的执行机制和使用场景，我们还必须掌握类似的requestAnimationFrame() 和 process.nextTick()， 前者是浏览器自带的监听（在下次重绘之前执行），后者是node环境下，在下一个事件轮询的时间点上执行。
以上是“vue如何使用nextTick”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注本站行业资讯频道！
