如果你已经用 Vue3 写过几个页面，能熟练地 ref、reactive、computed 一把梭，但被问到「ref 和 reactive 在模板里为什么表现不一样」「依赖收集到底发生在什么时候」就开始含糊其辞，那这门课大概率是冲着你这类人来的。它不解决「Vue3 怎么上手」，它解决的是「用了一年 Vue3，但底层发生了什么事我说不清」。

先确认一下你是不是目标读者

这门课的定位比较明确，它默认你已经跨过了语法关。判断标准很简单：下面这几个问题，你能当场答上来几个？

响应式数据的依赖收集和触发，究竟在哪个阶段发生，和组件的渲染副作用是怎么绑定的？
Proxy 相比 Object.defineProperty 解决了哪些具体问题，又带来了哪些新的边界情况？
虚拟 DOM 的 diff 在 Vue3 里针对编译期做了哪些静态标记优化，patchFlag 是干嘛用的？
组件更新时，父子组件的渲染顺序和你想象的一样吗？

如果这几个问题你有两个以上答不完整，说明基础用法没问题，但源码层的认知是空的。这门课的价值就在这里：把「能用」和「知道为什么能用」之间的那层纸捅破。

它讲的不只是 API，而是 API 背后的决策

Vue3 的源码解析如果只按文件顺序读一遍，很容易变成「读完了但什么也没记住」。这门课更值得关注的是它把几个核心模块串起来讲的方式——响应式系统、渲染器、编译器三块怎么配合。比如你平时写 v-if 和 v-for，编译器在编译阶段把它们变成了什么，这些产物又是怎么被运行时处理的。理解了这条链路，很多「为什么这样写性能更好」的问题就不用死记了。

另外值得留意的是它对性能优化部分的处理。性能优化最容易变成玄学，一堆「建议使用 v-once」「建议合理拆分组件」的口号。真正有用的是搞清楚什么情况下会触发不必要的更新、shallowRef 和 markRaw 应该在什么场景下用、keep-alive 的缓存机制代价在哪。这些在项目里是能直接落地的，也是面试时能展开聊的点。

配套练习和源码阅读的建议

源码类的课程，光看不练基本等于没看。建议的做法是：每看完一个模块，对着 Vue3 的仓库把对应目录翻一遍，哪怕只是把关键函数的调用栈打断点跑通一次。响应式那块尤其推荐自己动手写一个最小可用的 reactive 实现，几十行代码，但能让你彻底记住依赖是怎么存的、在哪儿触发的。

面试题部分不要当题库背。它更适合当自测：先自己答一遍，再对照讲解看漏了什么。背下来的答案在追问下撑不过两个回合，只有真理解了源码的人才经得起「那如果这里改成这样呢」。

看完你应该能回答的问题

一个 ref 被修改后，到页面更新，中间经过了哪些步骤？
Vue3 的编译优化具体优化掉了哪些运行时开销？
什么情况下响应式会「失效」，以及为什么？
给你一个卡顿的列表页，你会从哪几个方向排查？

如果这些问题你现在答不利索，学完再回头答一遍，能答清楚，这门课就没白看。至于目录里那些资料，按自己的节奏取用就行，重点始终是那几个核心模块有没有真的吃透。

珠峰架构 Vue3 专家进阶攻略

Vue3核心技术与源码深度解析

编辑点评

深入浅出Vue3架构，涵盖源码解析、性能优化、面试技巧，助你成为Vue3专家。

⭐ 编辑推荐

全面解析Vue3核心技术，从源码到实战，提升面试竞争力。

课程亮点

• Vue3源码深度解析

• 性能优化技巧

• 面试题解析

课程目录

珠峰架构Vue3高手通关计划资料.png  [493.5 KB]
84_【面试篇】44.Vue-Router-有几种钩子函数，具体是什么及执行流程是怎样的--.mp4  [28.2 MB]
57_【面试篇】17.v-if和v-for哪个优先级更高-.mp4  [24.6 MB]
18_【源码篇】17.createVnode-.mp4  [79.0 MB]
86_【面试篇】46.vue-项目本地开发完成后部署到服务器后报-404-是什么原-.mp4  [7.2 MB]
14_【源码篇】13.总结特点-.mp4  [22.9 MB]
05_【源码篇】4.effect实现-.mp4  [303.3 MB]
09_【源码篇】8.计算属性的实现原理-.mp4  [204.5 MB]
20_【源码篇】19.vue3-初渲染和基本的diff-.mp4  [137.7 MB]
39_【源码篇】38.收尾-.mp4  [9.2 MB]
30_【源码篇】29.插槽的实现原理-.mp4  [52.3 MB]
59_【面试篇】19.Vue-中-diff-算法原理-.mp4  [97.1 MB]
28_【源码篇】27.组件更新-.mp4  [142.1 MB]
70_【面试题】30.Vue-中.sync-修饰符的作用？-.mp4  [7.0 MB]
83_【面试篇】43.vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？-.mp4  [47.4 MB]
17_【源码篇】16.实现runtime-dom-.mp4  [157.9 MB]
95_【面试篇】55.Vue3-中模板编译优化-.mp4  [47.7 MB]
53_【面试篇】13.watch和watchEffect的区别-.mp4  [18.0 MB]
66_【面试篇】26.v-once-的使用场景有哪些-.mp4  [17.6 MB]
77_【面试篇】37.自定义指令的应用场景-.mp4  [34.5 MB]
62_【面试篇】22.Vue.extend-方法的作用？-.mp4  [26.0 MB]
48_【面试篇】08.Vue中如何进行依赖收集-.mp4  [56.9 MB]
03_【源码篇】2.vue3的结构-.mp4  [27.4 MB]
49_【面试篇】09.Vue.set方法是如何实现的-.mp4  [28.6 MB]
67_【面试题】27.Vue.mixin-的使用场景和原理-.mp4  [45.1 MB]
64_【面试篇】24.函数组件的优势-.mp4  [16.6 MB]
06_【源码篇】5.响应式数据触发更新逻辑-.mp4  [101.8 MB]
90_【面试篇】50.mutation-和-action-的区别-.mp4  [14.6 MB]
68_【面试篇】28.Vue-中-slot-是如何实现的？什么时候使用它？-.mp4  [32.7 MB]
19_【源码篇】18.虚拟节点的渲染-.mp4  [157.0 MB]
87_【面试篇】47.谈一下你对-vuex-的个人理解-.mp4  [17.8 MB]
23_【源码篇】22.vue3中的全量diff-.mp4  [113.0 MB]
21_【源码篇】20.diff算法优化-.mp4  [284.8 MB]
32_【源码篇】31.补充slots更新的问题-.mp4  [61.4 MB]
93_【面试篇】53.Vue3-有了解过吗？能说说跟-Vue2-的区别吗？-.mp4  [14.8 MB]
75_【面试篇】35.说说你对-nextTick-的理解？-.mp4  [43.0 MB]
78_【面试篇】38.Vue中使用了哪些设计模式-.mp4  [20.4 MB]
34_【源码篇】33.生命周期的实现-.mp4  [119.2 MB]
69_【面试题】29.说说你对双向绑定的理解，以及它的实现原理吗？-.mp4  [30.3 MB]
61_【面试篇】21.Vue.use-是干什么的？-.mp4  [17.9 MB]
91_【面试篇】51.有使用过-vuex-的-module-吗？在什么情况下会使用？-.mp4  [9.6 MB]
58_【面试篇】18.生命周期有哪些-.mp4  [28.3 MB]
88_【面试篇】48.如何监听-vuex-中数据的变化-.mp4  [7.4 MB]
02_【源码篇】1.vue的设计概念-.mp4  [50.1 MB]
08_【源码篇】7.自定义调度函数-.mp4  [70.3 MB]
96_【面试篇】56.你知道那些Vue3新特性-.mp4  [9.9 MB]
24_【源码篇】23.处理Text类型和Fragment-.mp4  [127.7 MB]
33_【源码篇】32.没有key导致的问题-.mp4  [67.4 MB]
89_【面试篇】49.页面刷新后-vuex-的数据丢失怎么解决？-.mp4  [14.1 MB]
72_【面试题】32.组件中写-name-选项有哪些好处及作用？-.mp4  [3.7 MB]
52_【面试篇】12.解释ref和reactive区别-.mp4  [24.2 MB]
55_【面试篇】15.new-Vue()过程中做了些什么-.mp4  [50.6 MB]
07_【源码篇】6.清理依赖的逻辑-.mp4  [79.8 MB]
12_【源码篇】11.ref基本实现-.mp4  [90.9 MB]
71_【面试题】31.Vue-中递归组件理解-.mp4  [20.0 MB]
43_【面试篇】03.vue为什么需要虚拟DOM-.mp4  [19.4 MB]
76_【面试篇】36.keep-alive-平时在哪里使用？-.mp4  [53.3 MB]
74_【面试篇】34.Vue-中异步组件的作用及原理-.mp4  [28.5 MB]
37_【源码篇】36.provide和inject实现原理-.mp4  [215.8 MB]
11_【源码篇】10.watch相关内容-.mp4  [182.1 MB]
40_【面试篇】00.面试题导读-.mp4  [7.6 MB]
15_【源码篇】14.effectScope实现原理-.mp4  [148.0 MB]
85_【面试篇】45.Vue-Router-几种模式的区别？-.mp4  [22.4 MB]
94_【面试篇】54.Vue-项目中的错误如何处理的？-.mp4  [12.4 MB]
38_【源码篇】37.keep-alive实现原理-.mp4  [379.4 MB]
73_【面试篇】33.Vue-常用的修饰符有哪些有什么应用场景？-.mp4  [11.6 MB]
50_【面试篇】10.v-if和v-show的优先级-.mp4  [27.3 MB]
80_【面试篇】40.单页应用首屏加载速度慢的怎么解决？-.mp4  [13.8 MB]
36_【源码篇】35.teleport组件-.mp4  [140.4 MB]
13_【源码篇】12.toRef、toRefs、proxyRefs全部实现-.mp4  [126.6 MB]
10_【源码篇】9.watch的实现原理-.mp4  [130.9 MB]
45_【面试篇】05.既然-Vue-通过数据劫持可以精准探测数据变化，为什么还需要虚拟...-.mp4  [7.8 MB]
54_【面试篇】14.如何将template转换render函数-.mp4  [37.0 MB]
25_【源码篇】24.组件的异步更新处理-.mp4  [191.1 MB]
41_【面试篇】01.谈谈你对Vue的理解-.mp4  [77.3 MB]
35_【源码篇】34.异步组件的实现原理-.mp4  [188.8 MB]
22_【源码篇】21.最长递增子序列实现-.mp4  [293.2 MB]
92_【面试篇】52.Vue3-中-CompositionAPI-的优势是？-.mp4  [10.8 MB]
26_【源码篇】25.组件的属性处理-.mp4  [160.8 MB]
47_【面试篇】07.Vue中如何检测数组变化-.mp4  [43.5 MB]
31_【源码篇】30.生命周期相关--.mp4  [53.4 MB]
60_【面试篇】20.请说明-Vue-中-key-的作用和原理，谈谈你对它的理解-.mp4  [28.3 MB]
51_【面试篇】11.watch&computed-.mp4  [63.1 MB]
04_【源码篇】3.通过esbuild打包vue代码-.mp4  [142.7 MB]
63_【面试篇】23.Vue-组件-data-为什么必须是个函数？-.mp4  [15.2 MB]
65_【面试篇】25.Vue-中的过滤器了解吗？过滤器的应用场景有哪些？-.mp4  [14.1 MB]
44_【面试篇】04.谈一谈对-Vue-组件化的理解-.mp4  [12.3 MB]
42_【面试篇】02.谈谈你对spa的理解-.mp4  [51.5 MB]
29_【源码篇】28.组件的常用属性-.mp4  [179.1 MB]
81_【面试篇】41.Vue-项目中你是如何解决跨域的呢？-.mp4  [5.3 MB]
46_【面试篇】06.请说一下你对响应式数据的理解-.mp4  [82.9 MB]
56_【面试篇】16.Vue.observable-你有了解过吗？-.mp4  [8.3 MB]
79_【面试篇】39.Vue中的性能优化有哪些？-.mp4  [10.9 MB]
82_【面试篇】42.Vue项目中有封装过axios吗？主要是封装哪方面的？-.mp4  [21.1 MB]
16_【源码篇】15.运行时的介绍-.mp4  [41.3 MB]
27_【源码篇】26.整合组件渲染流程-.mp4  [103.5 MB]