vue.js全局API的nextTick综合分析

官方介绍：在下一个DOM更新周期结束后执行延迟回调。修改数据后立即使用此方法获取更新的DOM。

它是DOM更新完成后要执行的方法，这个in回调函数绑定到最新的vue实例超级方便。

代码示例如下：

p ref=' MGS ' { MGS } }/p button @ click=' updatedom ' click更新DOM/buttondata : function(){ return { MGS : ' DOM ' } } updatedom 3360 function(){ this。MGS=' updatedom '；console.log(这。$ refs . MGS . innerHTMl)；这个。$ NextTick(function(){ console . log(this。$ refs . MGS . innerHTMl)；})}单击update按钮，调用updateDom，然后首先将该值重新分配给mgs。此时，打印页面上p标签对应的内容和nextTick中对应的内容。结果如下：

从结果可以看出这一点。MGS=“updatedom”；执行后不直接更新DOM，DOM更新完成后回调nextTick。这个in回调函数已经更新了vue

代码地址：https://github.com/Demon-han/vue_demo/

其中，nextTick.vue就是一个例子，其他组件将在其他文章中详细介绍

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。