VueJS响应式原理

前面我们介绍了reactive处理对象的一些边界问题，这篇继续来处理剩余的问题，：当代理对象作为原型和深浅响应

在之前的文章中，我们介绍了响应系统的简单实现：effect、track和trigger。但是我们的track和trigger只是考虑了对象get/set的情况。

上一篇文章介绍了effect中的cleanup，这篇文章介绍一下effect的嵌套执行问题，Vue对effect的嵌套执行的处理也是一个非常经典的处理办法：模拟栈结构。

本来想介绍一下Vue3中的reactive()的大概实现原理，但是之前写的东西还有很多坑没填，这篇文章填了effect的坑的一部分

在上一篇文章中，我们知道了ref作为原始值的响应式方案是怎么实现的，也就是getter和setter。

今天介绍的这个API和之前介绍的其他API有很大的不同。熟悉Vue的小伙伴都知道，Vue3中的ref是用来将原始值转换为响应式数据

watch中的onCleanup: 无论是watch还是watchEffect，可以发现在函数中都可以接受一个onCleanup,watch的cleanup是回调的第三个参数，watchEffect(

书接上回，前面我们介绍了watch和computed，这篇文章说一下watchEffect。watchEffect和watch非常像，但是watchEffect不用指定要追踪的响应式数据，也不需要指定

接上篇，这篇说一下watch() ，watch()说白了就是观测一个响应式数据，数据变化的时候通知并执行相应的回调函数

介绍vue3中响应式API的实现思路，本篇是关于Computed的简单实现，阅读之前需要了解vue的响应式原理