vue的next tick
Vue.js 是一个渐进式的 JavaScript 框架，它通过响应式数据绑定和组件化视图系统来构建大型的现代化 Web 应用。Vue.js 的核心库只关注 UI 层面，因此它与其它库或第三方组件相容性良好，不会产生太多额外的负担。其中最重要的概念之一就是 Vue 的 nextTick，本文将重点介绍 Vue 的 nextTick.
Vue.js 的 nextTick 方法用来在 DOM 更新异步完成之后执行回调函数。
Vue.nextTick(() =>{
// DOM 代码更新完成，执行回调
})
在 Vue.js 中，当我们使用绑定数据来更新视图时，Vue.js 会在底层优化 DOM 操作，通常情况下，Vue.js 会把所有在同一帧中进行的 DOM 更新操作合并成一个异步的批处理操作。也就是说，如果你在一次数据变化中多次操作 DOM，那么 Vue.js 只会进行一次 DOM 更新，从而减少不必要的 DOM 操作，提高性能。
每当修改数据时，Vue.js 把这个数据变更记录在一个队列中，然后会在事件循环队列中获取队列中的变更并且异步地更新视图。这意味着当在代码中更新数据时，Vue.js 并没有立即更新视图，而是推迟到将来的某个时候（下一次事件循环）进行。
由于异步更新，因此在需要进行 DOM 操作的时候，我们经常会遇到一个问题：我们需要确保数据已经更新完成并且 DOM 已经完成渲染，这样我们才能进行接下来的操作（例如：获取 DOM 元素大小，计算元素位置等）。如果我们使用 setTimeout 来执行下一步操作，那么由于异步操作的不确定性，就很难确保下一步操作的时机。在这种情况下我们要使用 Vue.js 提供的 nextTick 方法来确保在 DOM 渲染完成之后执行回调。
// 对数据进行修改
someData = 'new value'
// 确保 DOM 在下一次事件循环中更新
Vue.nextTick(() =>{
// DOM 现在已经更新
// 这里可以执行一些依赖于 DOM 的操作
})
总结：Vue.js 的 nextTick 在 Vue.js 在进行异步更新后，将在所有的 DOM 更新完成后执行回调函数，使用 nextTick 我们可以确保在操作 DOM 之前，任何我们对数据的操作都已经完成并且 DOM 已经正确渲染。