为何vue采用异步渲染

Posted ming1025

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为何vue采用异步渲染相关的知识,希望对你有一定的参考价值。

理解:

如果不采取异步更新,那么每次更新数据都会对当前组件进行重新渲染,为了性能考虑,Vue 会在本轮数据更新后,再去异步更新数据。

原理:

dep.notify() 通知 watcher 进行更新操作
-->subs[i].update() 依次调用 watcher 的 update
-->queueWatcher 将 watcher 重新放到队列中
-->nextTick(flushSchedulerQueue) 异步清空 watcher 队列

以上是关于为何vue采用异步渲染的主要内容,如果未能解决你的问题,请参考以下文章

vue前端异步与页面渲染问题:怎样让子异步函数完成后页面再渲染

解决vue开发时子组件数据和组件渲染的异步问题

vue异步渲染

vue-router:无法解析异步组件渲染

由于异步 JSON 加载,Vue.js 错误 [渲染根实例时出错]

vue在渲染之前拿到数据操作.......vue数据获取