zRanStady的博客

原创 Vue 中 nextTick 原理和应用场景

在 Vue 官方文档中，nextTick 是这么说明的：在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。原理1.异步执行Vue实现响应式并不是数据发生变化之后 DOM 就立即变化，而是按照一定策略进行 DOM 的更新。其实在Vue的文档中，不难发现Vue是异步执行 DOM 更新。异步执行的机制简单来说就是：1、首先所有的同步任何肯定是在主线程上执行的，即执行栈； 2、除了主线程，还一个任务队列task queue，只要异步任务有了运