紫圣

在首次渲染过程中，完成根组件实例的挂载后，获取template的虚拟DOM，将其传入patch函数中，递归渲染子元素。在子元素的渲染过程中，会首先创建节点，然后创建当前节点的子元素。

createApp做了两件事情：调用ensureRenderer函数获取渲染器，然后执行渲染器的 createApp 方法创建app应用实例。获取app应用实例的mount方法，对其进行扩展。

createApp做了两件事情：调用ensureRenderer函数获取渲染器，执行createApp方法创建app应用实例。取出app上的mount方法，对其进行扩展。并创建VNode

compiler 模块是在编译阶段将.vue文件编译成浏览器能识别的.html文件。runtime模块则是在运行阶段对DOM进行一系列处理。reactivity 模块则是vue中的响应式处理。

vue3源码调试，启动 sourceMap，静态页面调试源码，创建本地服务调试源码，手动debugger。

快速 Diff 算法，借鉴了文本 Diff 中的预处理思路，先处理新旧两组子节点中相同的前置节点和相同的后置节点。

Vue 在处理虚拟DOM的更新时，会对新旧两个VNode节点通过 Diff 算法进行比较，然后通过对比结果找出差异的节点或属性进行按需更新。这个 Diff 过程，在 Vue 中叫作 patch过程。

Transition 组件的核心原理可以总结为：在DOM元素挂载时，将动效附加到DOM元素上，而在卸载DOM元素之前，等到附加到DOM元素上的动效执行完成后再卸载DOM元素。

Teleport 组件在挂载时会根据<teleport>的功能是否禁用从而将其挂载到对应挂载点中。在更新时根据<teleport>的功能是否被禁用及t 属性值是否发生变化，从而将其移动到对应挂载点。