this.$nextTick的作用和用法。

Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。

$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM。

 

点击按钮之后，界面如下，注意观察三个条件渲染的结果之间的差异。

 

 可以看到只有在$nextTick回调中的发生了改变。

简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数，

当项目中你想在改变DOM元素的数据后基于新的dom做点什么，对新DOM一系列的js操作都需要放进Vue.nextTick()的回调函数中；通俗的理解是：更改数据后当你想立即使用js操作新的视图的时候需要使用它。