这门课的主题是手写 Vue 2 与 Vue 3 的核心机制。它不是教你用 Vue 做项目，而是带你从零实现响应式、虚拟 DOM、diff、组件渲染这些底层模块，把"框架为什么这么写"讲清楚。如果你正在准备前端面试中被反复追问的原理题，或者用 Vue 两三年却总在遇到诡异 bug 时说不清原因，这门课对得上你的需求。
它解决的是什么问题
多数人学 Vue 的路径是看文档、写业务、遇到问题搜答案。这条路能应付日常开发，但一旦碰到数据改了视图没更新、watch 不触发、组件缓存状态异常、父子通信顺序不对，就只能靠试。这门课把这些现象背后的链条拆开：响应式数据怎么被追踪、依赖在什么时候收集、更新为什么走异步队列、虚拟节点如何比对新旧树、组件从创建到挂载经历了哪些阶段。学完之后，你排查这类问题会从"猜"变成"定位"。
另一个现实价值是面试。响应式原理、diff 算法、nextTick、keep-alive、ref 与 provide/inject 的实现，几乎是中高级前端岗位的必问项。课程里这些点都有独立的源码剖析环节，不是背结论，而是跟着写一遍。
适合什么基础，先看哪几块
前置要求不算低：你需要能熟练写 Vue 2 或 Vue 3 的业务代码，理解组件、props、插槽、生命周期这些概念，并且看得懂 ES6 语法。完全没写过 Vue 的人直接进来会吃力，因为课程默认你知道这些 API 是干什么用的，只讲它们内部怎么实现。另外最好有一点 JavaScript 原型、闭包、Proxy 的基础，否则响应式那部分会卡住。
建议的进入顺序是先啃响应式，再碰渲染。响应式是整个框架的地基，effect、依赖收集、ref、props、provide/inject 这几块讲透了，后面看组件渲染和更新才不会断层。虚拟 DOM 与 diff 放在第二阶段，重点理解同层比对和 key 的作用。最后再看 keep-alive、nextTick 这类周边机制，它们依赖前面的知识，单独看容易懵。
学完能独立做什么，资料怎么用
跟完之后，你应该能自己写出一个简化版响应式系统：用 Proxy 或 defineProperty 拦截读写、建立依赖与副作用的对应关系、在数据变化时触发更新，并让更新走异步批量队列。你也能实现一个能跑通基本场景的 diff 流程，说清楚新旧节点对比时每一步在做什么。这些能力不直接产出业务功能，但会让你读 Vue 源码、读其他框架源码时不再无从下手。
资料里有配套的源码工程，建议的用法是：每看完一个模块的视频，先关掉视频自己写一遍，写不出来再回去对照。手写类内容看会和自己写出来差距很大，尤其是依赖收集和 diff 这种逻辑密集的部分。工程压缩包用来对照最终结构，不要一上来就打开抄，那样等于没学。视频按主题切分得比较细，可以按自己的薄弱点跳着看，但响应式那几节建议按顺序走完，跳着看会断链。
如果你只是想快速上手做项目，这门课偏重，性价比不高；如果你的目标是搞清楚 Vue 内部到底怎么运转，或者为面试和源码阅读做准备，它值得花时间。
📁 珠峰T0级别讲师手写Vue2Vue3
📁 24595
📄 39_课时156：6·props的实现原理.mp4
📄 43_课时160：10·provide和inject原理.mp4
📄 65_8·页面绘制.mp4
📄 23_22·依赖收集的实现原理（源码剖析）.mp4
📄 73_5·实现effect基本函数.mp4
📄 50_48·keep-alive-1（源码剖析）.mp4
📄 15_15·实现基本的diff算法.mp4
📄 jiagouke-vue2022-master.zip
📄 42_课时159：9·ref的原理.mp4
📄 83_15·runtime-dom实现.mp4
📄 35_课时152：2·组件的渲染流程.mp4
📄 48_46·name属性的用法（源码剖析）.mp4
📄 27_27·nextTick的实现原理（源码剖析）.mp4
📄 81_13·源码调试.mp4
📄 64_7·取消请求和路由钩子封装.mp4
📄 7_7·代码生成实现原理.mp4
📄 93_25·diff算法的优化.mp4
📄 49_47·插槽的实现原理（源码剖析）.mp4
📄 5_5·解析模板参数.mp4
📄 78_10·watch的实现原理.mp4
📄 58_1·项目搭建插件配置.mp4
📄 56_课时173：1·Vue-router的响应式原理.mp4
📄 6_6·实现模板转化成ast语法树.mp4
📄 3_3·实现对象的响应式原理.mp4
📄 38_课时155：5·函数式组件的优点.mp4
📄 79_11·ref的实现原理.mp4
📄 2_2·初始化数据.mp4
📄 1_1·rollup的环境搭建.mp4
📄 45_43·v-if和v-for（源码剖析）.mp4
📄 40_课时157：7·组件的事件绑定.mp4
📄 90_22·diff算法的优化.mp4
📄 54_课时171：1·VueRouter中的install方法2021年12月31日22：17：19.mp4
📄 85_17·h方法和createVnode的实现.mp4
📄 69_1·vue3的基本概念和设计理念.mp4
📄 71_3·实现构建流程.mp4
📄 68_11·菜单及按钮权限.mp4
📄 94_26·vue3中Fragment的实现.mp4
📄 4_4·实现数组的函数劫持.mp4
📄 91_23·实现乱序比对.mp4
📄 20_20·分析vue的全局api（源码剖析）.mp4
📄 13_13·实现计算属性.mp4
📄 jiagouke22-vue-master.zip
📄 87_19·解决遗留问题.mp4
📄 66_9·登录持久化实现.mp4
📄 36_课时153：3·组件的更新流程.mp4
📄 80_12·源码初步解析.mp4
📄 46_44·v-model绑定在普通元素上（源码剖析）.mp4
📄 88_20·比较元素.mp4
📄 82_14·响应式模块总结.mp4
📄 77_9·计算属性的实现原理.mp4
📄 37_课时154：4·异步组件的实现原理.mp4
📄 72_4·实现reactive.mp4
📄 89_21·简单的儿子比较.mp4
📄 84_16·实现runtime-core和runtime-dom的分离.mp4
📄 17_17·实现组件的虚拟节点.mp4
📄 52_50·vue中的指令的实现（源码剖析）.mp4
📄 70_2·vue3中生成配置信息.mp4
📄 9_9·实现虚拟dom转化成真实DOM.mp4
📄 76_8·实现Vue中的调度器.mp4
📄 47_45·v-model绑定到组件上（源码剖析）.mp4
📄 75_7·分支切换的实现原理.mp4
📄 24_23·生命周期的实现原理（源码剖析）.mp4
📄 53_51·修饰符的实现原理（源码剖析）.mp4
📄 30_课时147：5·Vue·set的实现.mp4
📄 92_24·最长递增子序列实现原理.mp4
📄 60_3·头部组件实现.mp4
📄 11_11·实现异步更新原理.mp4
📄 55_课时172：2·VueRouter中的跳转逻辑.mp4
📄 25_24·生命周期的理解（源码剖析）.mp4
📄 41_课时158：8·$children&&$parent.mp4
📄 61_4·vuex模块状态分类.mp4
📄 14_14·watch的实现原理.mp4
📄 62_5·vuex中的状态管理.mp4
📄 16_16·实现完整的diff算法.mp4
📄 12_12·数组更新实现原理.mp4
📄 26_课时127：3·实现mixin核心功能-1.mp4
📄 19_19·找到vue打包的入口（源码剖析）.mp4
📄 28_课时145：2·data为什么必须是一个函数.mp4
📄 29_课时146：4·watch和computed原理.mp4
📄 74_6·依赖收集的实现原理.mp4
📄 32_课时149：7·vue中的diff算法-1.mp4
📄 8_8·开始准备执行render函数.mp4
📄 51_49·keep-alive-2（源码剖析）.mp4
📄 33_课时150：8·key的原理及作用-1.mp4
📄 67_10·实现路由鉴权.mp4
📄 31_课时148：6·为什么要有虚拟DOM-1.mp4
📄 86_18·vue3元素的初始化渲染.mp4
📄 44_课时161：11·$attrs和$listeners使用.mp4
📄 22_21·响应式数组的实现原理（源码剖析）.mp4
📄 63_6·axios封装.mp4
📄 57_课时174：2·路由的钩子实现.mp4
📄 18_18·实现组件的渲染流程.mp4
📄 21_20·响应式数据的理解（源码剖析）.mp4
📄 59_2·组件路由搭建.mp4
📄 10_10·实现vue中的依赖收集.mp4
📄 34_课时151：1·组件化的特点.mp4
