vue中$nextTick用法和原理

目录

是什么

用法

---

1.是什么

官方解释：nextTick是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后立即使用这个方法，获取更新后的DOM。

换句话——vue在更新DOM时是异步执行的，即当数据发生变化时，vue将会开启一个一不更新的队列。当视图的数据变化完成之后，再统一进行更新。

放在nextTick里的代码会在DOM更新之后执行，此时可以拿到最新的DOM来使用。

2.用法

1. 在vue生命周期created钩子函数进行的DOM操作一定要放在vue.nextTick的回调函数中。
2. 在数据变化后㤇执行某一个回调函数，而这个操作需要用到随数据改变而改变的DOM结构的时候，也应该放在vue.nextTick的回调函数中。