vue3源码阅读

前11节，我们已经分析了vue的整个渲染流程。那么在整个渲染的流程中，vue是如何建立响应式机制的呢？今天我们就来分析一下，vue与react最大的区别———响应式机制。

Vue会根据子节点是否带有key，分别调用 `patchKeyedChildren` 或 `patchUnkeyedChildren` 进行更新。本文我们将深入分析这两个函数的实现

我们看到在更新阶段，Vue提供了两种不同的子节点更新策略：`patchBlockChildren` 和 `patchChildren`。本文我们将深入分析这两个函数的实现细节，理解Vue在不同场景下的

本文我们将深入分析 `processElement` 函数的实现，看看 Vue 是如何将虚拟 DOM 节点转换为真实的 DOM 元素（DOM 级别的 diff）

上一节，我们分析了Vue组件的初始化过程，也就是`setupComponent`函数的实现。初始化完成后，组件实例已经创建，但还需要与响应式系统建立联系并进行渲染。

本节我们将深入分析`setupComponent`函数的实现细节，以及它调用的关键函数`setupStatefulComponent`，理解Vue是如何完成组件的初始化过程的。

上一节我们分析了diff算法对于不同类型节点的处理，本节我们就来分析最重要的component节点的处理。对于component节点的处理.

上一节，我们分析到了patch函数（diff算法）的主要执行流程，本节我们来具体分析不同类型节点的diff算法。

上一篇文章我们分析到，`$app.mount("#app")`会执行mount函数，mount函数创建虚拟节点之后就会调用render函数，而render函数内部的核心就是patch函数，diff算法

上一节，我们分析了const $app = createApp(App)创建Vue实例的过程，本节接着分析$app.mount("#app")实例挂载的过程

本节从 vue3 的初始化流程开始分析`runtime-core`模块，当我们执行`const $app = createApp(App)`发生了什么？

本节，我们首先分析一下vue3项目的总体结构和各模块之间的逻辑关系，从而对于项目有一个总体的概念，接下来可以顺着这个逻辑逐步分析每个模块。