## Vue状态更新手法：nextTick Vue在观察到数据变化时并不是直接更新DOM，而是开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。在缓冲时会去除重复数据，从而避免不必要的计算和DOM操作。然后，在下一个事件循环tick中，Vue刷新队列并执行实际工作 $nextTick就是用来知道什么时候DOM更新完成的 ### 为什么Vue要采取异步渲染？ 因为如果不采用异步渲染，那么每次更新数据都会进行重新渲染，为了提高性能，`Vue`通过异步渲染的方式，在本轮数据更新后，再去异步更新视图 ### nextTick实现原理是什么？ 在Vue中有什么作用 * 原理：`EventLoop`事件循环 * 作用：在下次`dom`更新循环结束后执行延迟回调，当我们修改数据之后立即使用`nextTick()`来获取最新更新的Dom 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 Vue 是异步修改 DOM 的并且不鼓励开发者直接接触 DOM，但有时候需要对数据更改--刷新后的 DOM 做相应的处理，这时候就可以使用 Vue.nextTick(callback)这个 api 了 当你修改了data的值然后马上获取这个dom元素的值，是不能获取到更新后的值， 你需要使用$nextTick这个回调，让修改后的data值渲染更新到dom元素之后在获取，才能成功 ```javascript // 修改数据 vm.msg = 'Hello' // DOM 还未更新 Vue.nextTick(function () { // DOM 更新 }) ```