艾克马斯奎普特

本篇文章将带着大家深入理解这个我认为每个前端都必须牢牢掌握，并且理解上不能有半点偏差的重要概念。相信你学完之后从此写 CSS 再也不会胆战心惊担心出现意想不到的样式问题

使用独创渐进式实现的方式，以更平滑的曲线从 0 开始手写实现 Vue 主要功能模块，深入理解底层实现原理。

在这一阶段中，我们着重讨论了响应系统的概念与实现，并简单介绍了响应式数据的基本原理。至此，我们已经完全实现了基础的响应式系统，首先欣赏一下完整代码吧：

上一节中我们继续实现了 watch 的两个特性。这一节中我们将为 watch 实现清理过期副作用的功能，以此来解决竞态问题。

上一节中我们实现了 watch 的基本功能，本节我们继续讨论关于 watch 的两个特性： 立即执行的回调函数和回调函数执行时机。默认情况下，一个 watch 的回调函数只会在响应式数据发生变化时执行

上一节中我们实现了完整的计算属性功能，这一节开始我们来实现 watch。所谓 watch，本质就是观测一个响应式数据，数据发生变化时通知并执行相应的回调函数。

目前我们的实现中，计算属性只是一个有缓存功能的 getter，无法像普通响应式数据一样自身值变化时重新执行所有读取了它的副作用函数。解决方法很简单，像普通的响应式数据一样，在读取计算属性值时调用 tr

目前我们的响应式系统已经可以支持调度执行和懒执行了，在此基础上本节我们开始实现计算属性。首先我们定义一个 computed 函数，它接收一个 getter 作为参数。

懒执行的 effect，即 lazy 的 effect，指的是有些场景下，我们不希望调用 effect 函数后立刻执行传入的副作用函数，而是等到真正需要的时候再执行。