Vue的this.$nextTick()用于在DOM更新后执行回调。原理是Vue异步更新DOM，数据变更时先加入队列，然后在下一个事件循环中更新并执行nextTick的回调。常见应用场景包括在created钩子中进行DOM操作，以及在数据变化后依赖更新的DOM状态。mounted不保证所有子组件挂载，因此仍可能需要$nextTick确保DOM完整。
官网说法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
获取更新后的DOM，言外之意就是什么操作需要用到了更新后的DOM，
而不能使用之前的DOM，
所以就衍生出了这个获取更新后的 DOM的Vue方法
DOM是如何更新的呢？
1.原理
Vue实现响应式并不是数据发生变化之后DOM立即变化，而是异步执行DOM更新的。
异步执行的运行机制是什么样的？阮一峰老师是这样总结的：
（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。
（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。
（3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。
（4）主线程不断重复上面的第三步。
线程不断执行任务、获取任务、执行任务……的过程叫做事件循环
vue异步更新的原理：
1.修改 Vue 中的 Data 时，就会触发所有和这个 Data 相关的 Watcher 进行更新。
2.首先，会将所有的 Watcher 加入队列 Queue。
3.然后，调
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
