源码&库Vue3

继续上一篇的节奏，上一篇我们分析了Vue3的render函数的生成过程，在genNode函数中，我们看到了很多节点类型的生成函数； 今天我们就来具体分析一下这些节点类型的生成函数，看看它们是如何生成的

上一章我们详细的分析了Vue3的模版解析过程，每种不同的节点都对应着不同的解析结果； 而这些解析结果只是一个AST对象，并不能直接用于渲染，所以我们需要将AST对象转换为render函数，而这个过程就

紧接上一章的节奏，我们了解到了Vue3的AST转换的过程，整体来说就是将一段字符串进行解析，每一段字符串都对应着一个节点； 而每个节点都会有不同的类型，对应着不同的解析函数，今天我们就来深扒这些具体解

在上一章中我们了解到了Vue是如何将组件注册到全局的，我们使用的时候就直接使用一个标签的方式就可以使用这个组件； 那么这个组件是如何从这个模板中正确的解析出来的呢？这就是我们今天要学习的内容，还是继续

在之前的文章中，我们已经学习了 Vue3 的组件挂载、更新以及虚拟 DOM 的创建，那么在这篇文章中，我们就来学习一下 Vue3 的全局组件注册是如何实现的。 1. 全局组件注册 组件注册在Vue的官

之前两章讲到组件更新，期间一直都绕不开的就是虚拟DOM，这一章我们就来看看虚拟DOM是如何生成的。 在之前的两章中，我们编写的demo都会使用到h函数，这个函数就是用来生成虚拟DOM的，我们来看看h函

接着上一篇的节奏，上一篇我们过了一遍普通dom元素的一个简单的更新过程，也大致的知道了更新的过程是什么样的，但是没有接触核心； 那么核心是什么呢？通常我们说的核心指代的就是Vue的组件更新核心算法；

在之前的章节中已经讲过了Vue3的组件是怎么挂载的，组件挂载依赖的是内部实现的render函数，然后通过patch方法进行挂载； 而组件更新的过程，其实就是render函数的重新执行，然后通过patc

在日常开发的过程中，使用Vue的组件进行业务拆分，代码解耦是一个很好的选择； 今天就来分享一下我在使用Vue3进行组件封装的一些技巧和心得，希望能够帮助到大家；

在`Vue`中源码中，用户使用的api在底层都会被解释为一个一个的任务，例如`nextTick`、`watcher`、`computed`等等，我们传入的回调函数都会被放入到一个队列中，然后在合适的时

从我最开始讲createApp的时候，里面就有组件挂载的逻辑，但是我并没有讲，今天我们就来讲一下组件挂载的逻辑。 在createApp中，我们使用mount方法来将组件挂载到DOM上，这里我们先回顾一

前几章完整的介绍了 Vue3 的响应式核心reactive和effect的实现原理，这一章我们来看看Vue3的依赖收集和依赖触发是如何工作的。 根据之前的分析，我们知道依赖收集是在reactive中的

Vue的响应式大家都知道，依赖收集和依赖派发这两个词汇也是经常听到的，但是这里的依赖指的是什么呢？ 根据我上上篇的分析，依赖就是Vue中的effect，也就是Vue中的副作用函数，这一篇也是上上篇的一

reactive作为Vue3中的核心API之一，其背后的实现原理是非常值得我们学习以及借鉴的； 上一篇文章只是初略的过了一遍Vue3的响应式流程，就那么初略的一瞥就有上万字，而且还没讲到详细的讲解实现

Vue的响应式系统很让人着迷，Vue2使用的是Object.defineProperty，Vue3使用的是Proxy，这个是大家都知道的技术点； 但是知道了这些个技术点就能写出一个响应式系统吗？答案是

在使用Vue的时候，最让人着迷的莫过于nextTick了，它可以让我们在下一次DOM更新循环结束之后执行延迟回调。 所以我们想要拿到更新的后的DOM就上nextTick

上一章我们翻看了Vue3的源码的createApp的实现，并实现了一个简单的createApp； 在翻看的过程中我们发现了Vue3的createApp的实现中，有很多的方

在使用Vue3时，我们需要使用createApp来创建一个应用实例，然后使用mount方法将应用挂载到某个DOM节点上。 那么在调用createApp时，Vue再背后做了些什么事情呢？今天就来扒一扒V

Vue3为了支持不同的用户群体，提供了多种模块化方案，这样使得我们在使用的Vue的使用可以有很多种方式； 例如我们可以直接在html中使用script标签引入Vue，也可以前端工程化工具，例如webp