vue异步渲染

开发者 2024-9-10 05:11:11 109 0 来自 中国
vue是组件级更新,当数据更改一次组件就要重新渲染一次,性能不高,为了防止数据一更新就更新组件,以是做了个异步更新渲染。(核心的方法就是nextTick)
分析:
当数据厘革后会调用notify方法,将watcher遍历,调用update方法关照watcher举行更新,这时间watcher并不会立刻去实行,在update中会调用queueWatcher方法将watcher放到了一个队列里,在queueWatcher会根据watcher的举行去重,多个属性依赖一个watcher,如果队列中没有该watcher就会将该watcher添加到队列中,然后通过nextTick异步实行flushSchedulerQueue方法革新watcher队列。flushSchedulerQueue中开始会触发一个before的方法,着实就是beforeUpdate,然后watcher.run() 才开始真正实行watcher,实行完页面渲染完成,更新完成后调用updated。
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-24 21:11, Processed in 0.141985 second(s), 33 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表