vue异步渲染

开发者 · 2024-9-10 05:11:11

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。

vue异步渲染

所属分类: 问答交流

新帖推荐: 30日

推荐作品