沽汣

前面我们一起探讨了 Vue3 的 响应式原理 和 编译过程，render函数我们已经拿到了，那具体到底要怎么用呢？这一节，我们就开启一个新篇章——组件的挂载。

从模板字符串template到最终呈现页面，Vue对于这部分的处理过程是：template=>AST=>JS AST=>render函数，这一节，我们来学习Vue源码中render函数的生成逻辑~

模板编译，从模板字符串template到最终呈现页面，Vue对于这部分的处理过程是： 将编写好的 template模板，转换为AST 将 AST 转换为JS AST 将JS AST转换为render

这一节我们来探究一下 Vue3 关于模板编译这一块的内容。这里，关于 Vue3 从模板template到最后呈现页面数据的整个过程做一个简单的剧透： 将编写好的template模板，转换为AST 将

前面几节，我们已经学习了很多响应式相关的源码，有点遗忘的朋友可以再回顾一下。 这一节我们继续探究 Vue3 的源码，来看一下计算属性computed 是如何实现的。

上一节，我们介绍了watch函数的逻辑，当监听对象发生改变的时候，会触发回调函数的执行。 这一节，我们来看一下侦听器章节的另一个API——watchEffect，从源码层面一步步分析它的执行逻辑。

我们在看nextTick相关的源码时，发现 Vue3 关于任务执行顺序方面是有特定的一套逻辑的。 Vue3首先会执行带有pre属性的任务，那到底什么样的任务会被赋上pre属性呢？那就是侦听器watch

前言 不知道大家在平时用Vue进行开发的时候，是不是经常听到一句话： 遇事不决，$nextTick。 不得不说nextTick在有些时候确实是有奇效的，特别是前几年刚刚入行的时候，总会遇到一些奇奇怪怪

上一节在介绍响应式原理的时候，一直有提到副作用函数effect，这一节，就深入的去了解一下effect。 如果之前有了解过 Vue2 源码的朋友，大概也能感觉到，Vue3 的响应式原理和Vue2其实差