Vue中DOM的更新采取的时候更新队列,Vue在观察到数据变化时候不是直接更新DOM,而是开启一个队列并缓冲在同一个事件循环中发生的所有数据改变。虽然Vue推荐我们采用数据驱动但是有些时候我们仍然需要使用一些原生DOM操作,当数据改变后,DOM并没有更新,这个时候是获取不到最新的DOM对象的,nextTick就是让我们知道DOM是什么时候更新完成的,所以我们可以把DOM操作的代码放到nextTick方法中执行也就是把代码推迟执行,DOM更新完成后在执行,比如我们用swiper做轮播图,图片是接口获取的,发现并不轮播一般原因就是实例化swiper的时候,DOM还没渲染完成,这个时候我们就可以把swiper的实例化放到nextTick中执行。
Vue推荐我们采用数据驱动但是有些时候我们仍然需要使用一些原生DOM操作,当数据改变后,DOM并没有更新,这个时候是获取不到最新的DOM对象的,nextTick就是让我们知道DOM是什么时候更新完成的
当我们把DOM操作放在nextTick方法中执行也就是把代码推迟执行了。
更改数据后当你想立即使用js操作新的视图的时候需要使用它6