Vue nextTick的原理解析
使用过Vue的小伙伴们都知道,Vue里的nextTick可以获取到更新后的DOM, 今天我就来讲解下nextTick里面究竟做了什么?上面的代码并没有说明nextTick是在监听DOM更新后才执行的?nextTick的作用是将收集Watcher从队列中一个个取出,并且更改数据,来一次性渲染DOM, 我们知道操作DOM的代价是昂贵的, 浏览器打开一个网页后会开启一个进程,进程是由线程组成的,1. GUI渲染线程跨线程操作代价是昂贵的,所以做到一次性渲染Dom,可以有效的优化性能!!总结nextTick并不是用来监听DOM变更,因为DOM变更是能够实时获取到的,它的作用是一次性更改数据,并且渲染DOM
用户评论