1. 首页
  2. 编程语言
  3. Javascript
  4. Vue nextTick的原理解析

Vue nextTick的原理解析

上传者: 2021-08-24 11:26:15上传 PDF文件 433.53 KB 热度 24次

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

用户评论