lhlGitHub / trisome

前端大厂进攻学习资料库
21 stars 1 forks source link

Vue nextTick 原理 #16

Open lhlGitHub opened 2 years ago

Moannas commented 2 years ago

nextTick是要把执行的任务推入一个队列中,在在一个tick同步执行 在数据变化后要执行的某个操作,而这个操作需要使用随数据改变而改变的DOM结构的时候,这个操作应该放在Vue.nextTick()的回调函数中。原因:Vue异步执行DOM更新,只要观察到数据变化,Vue将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变,如果同一个watcher被多次触发,只会被推入到队列中一次。