Vue3学习

身为一个Vue技术栈的前端人，想必在面试的时候多多少少都会被问到一些框架的底层原理，而在众多的问题中，diff算法就是其中的一个比较高频的考点。 这一节，我们就从源码出发，看一看Vue3的diff算法

前面我们探讨了组件的挂载逻辑，挂载逻辑主要就是通过执行render函数生成vnode，然后将vnode通过patch函数处理，最终生成真实DOM，并挂载到父容器，页面也就呈现出内容。

前面我们一起探讨了 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其实差

最近一段时间一直在学习Vue3相关的内容，本篇是Vue3源码学习系列的第一篇，响应式原理。 样例 这里我们先来看一下Vue3中的基本语法是怎么书写的： 这是官网的一个简单的例子，我们通过 reacti