jason_yang

Vue3 中 vue-router 的相关内容，包括其安装、配置、迷你版源码实现、路由守卫、完整的 createRouter 方法、RouterView 和 RouterLink 的实现。涵盖了如路由

这篇文章主要复习了 Vue 3 中的 vuex 和 pinia 相关内容。包括 vuex 的使用方法和源码实现，如 store 的创建、注入等。还详细介绍了 pinia 的优势、使用方法、源码部署、定

vite的优势 由于webpack每次打包都是根据整个依赖图谱，重新打包成对应的bunlde文件，当项目大时，打包效率比较低。虽然也有更新但效果不明显。 vite使用的是es6的import方式，运行

vite自定义插件 当我们使用vite的时候，其实也是一个把现有代码做编译，然后运行的过程。 我们可以利用vite的plugin自定义一些插件。在指定的钩子里面实现自己转化的逻辑。 autoPlugi

Vue3 的编译原理和源码进行复习与分析，包括运行逻辑中各方法的调用链条，如 mount、render 等 重点介绍了 compileToFunction 方法，涉及其中的定义及相关操作；阐述了编译流

vue3 编译与运行逻辑 通过把template转化成render 函数，执行生成vnode 使用模块complier-core，complier-dom实现转化。 使用runtime-core和ru

版本 vue 3.4.20 关键方法 patch 回顾一下，patch方法主要判断当前组件的类型，做不同的处理 processText 更新文本 processFragment 处理根组件 patch

Vue3 虚拟 DOM 更新的源码复习，涵盖了虚拟 DOM 结构、组件更新流程（如 processComponent、updateComponent）、片段处理（如 processFragment）、

Vue3 的复习内容，包括环境搭建、新增测试页面、运行逻辑。详细阐述了从源码构建、调试、初次渲染及子组件渲染的过程，分析了关键文件、方法和核心逻辑，如 createApp、createRendere