Originalee

本篇文章笔者会讲解 Vue3 中侦听器相关的 api：watchEffect 和 watch 的源码实现。

在前几篇文章中我们一起学习了 Vue3 中新颖的 Composition API，而今天笔者要带大家一起看一下 Vue3 中的另一个新鲜的写法 —— setup。

在 Vue3 新推出的响应式 API 中，Ref 系列毫无疑问是使用频率最高的 api 之一，而 computed 计算属性是一个在上一个版本中就非常熟悉的选项了，本文就带大家一起了解它们的实现。

在上一篇文章《响应式原理与 reactive》中由于篇幅限制笔者留下了两个小悬念 track 依赖收集处理器与 trigger 派发更新处理器没有细致讲解，而在本篇文章中笔者会带着大家一起来学习

今天这篇文章是笔者会带着大家一起深入剖析 Vue3 的响应式原理实现，以及在响应式基础 API 中的 reactive 是如何实现的。对于 Vue 框架来说，其非侵入的响应式系统是最独特的特性之一了。

在本篇源码分析的文章中，我将详细讲解 Vue3 中的虚拟 DOM 比较算法 —— patch 算法。

本篇源码解析，让我们一起学习在 Vue3 中，AST 抽象语法树最终是如何被生成为可执行的代码字符串。

Vue3 尚未发布正式版本前，尤大在关于 Vue3 的分享中提及了静态提升，今天的文章就一起来对静态提升一探究竟。

上一篇文章中，我们从 packges/vue/src/index.ts 的入口开始，了解了一个 Vue 对象的编译流程，在文中我们提到 baseCompile 函数在执行过程中会生成 AST 抽象语法