分类：vue更新数据

2021
07-01

vue源码之批量异步更新策略的深入解析

vue异步更新源码中会有涉及事件循环、宏任务、微任务的概念，所以先了解一下这几个概念。一、事件循环、宏任务、微任务1.事件循环EventLoop:浏览器为了协调事件处理、脚本执行、网络请求和渲染等任务而定制的工作机制。2.宏任务Task:代表一个个离散的、独立的工作单位。浏览器完成一个宏任务，在下一个宏任务开始执行之前，会对页面重新渲染。主要包括创建文档对象、解析HTML、执行主线JS代码以及各种事件如页面加载、输入、网络... 继续阅读 >

2021
03-30

vue中data改变后让视图同步更新的方法

前言不久前天看到一个比较有趣的问题，vue中data改变后，如何让视图同步更新，搜索了一下，并没有发现解决问题的方法，只能从源码去找解决方法了。原因我们都知道，在vue中改变数据后，视图并不是同步更新的。在vue实例初始化后，会将data设置为响应式对象，当我们执行this.xxx=1时，会触发这个响应式对象的setter。在setter中，会触发更新，通知所有订阅了xxx的订阅者。但是这个触发更新并不是同步的，它会将所有的watcher都添... 继续阅读 >