仓库地址
文章导航
Vue3 源码实战课 | 构建你自己的 Vue3 | 掌握源码最有效的学习方法就是手写一遍！
阮一峰推荐最佳学习 vue3 源码的利器 - mini-vue
学习源码经历过程
vue 从出来到现在也有好些年了，相信几乎所所有从事前端的同学，都接触并使用过vue，不论是实际项目还是个人学习。但是大部分同学都停留在，会用API ，知道怎么跑项目，但是至于vue是怎么实现的，并不了解，或者了解一些皮毛。 这就使得大部分同学在开发中遇到问题，或者需要实现一个较为复杂的功能时，会耗费大量时间和精力，去试错。 并且现在的大环境下，但凡是面试，问到vue，几乎都要问上几句：“你读过源码吗？ 你知道vue怎么实现的吗?”。 这时候就不像前几年大环境好，面试者能说上几句， vue 是通过 Object.defineProperty() 【vue3 是 Proxy】 实现监听，代理。 这样潦草的几句就能应付过去，让面试官对你另眼相看的。 我在之前很长一段时间处于这样的阶段，知道，但又知道的不够多，不够深入。导致之前在换工作过程中，多次遇到这类问题，面试官多问几个问题，或者深入一点，就尴尬的答不上来。
其实在之前我也有试过研究源码，但是直接看源码确实难度还是有的，而且也需要花费不少的时间。后来我就在网上找关于vue源码的文章，视频资料等等。但是大多数都感觉千篇一律，我不能说讲的不好，但是始终觉的不适合我自己，都是拿着vue源码一顿解读，但是并不适合大多数人去理解。后来我想到了之前有看到过的 崔学社 mini-vue，也有看到在阮一峰老师的-科技爱好者周刊（https://www.ruanyifeng.com/blog/2021/01/weekly-issue-144.html）。
并且mini-vue的作者，之前也有了解过，就是着报名了mini-vue的课程。然后就有了这篇文章。
目前为止最友好的学习源码课程
在之前我也有在网上看过一些关于源码学习的资料，但学习过后总感觉效果不大，当然了也是因为我确实比较菜吧。 但是我在学习了 崔学社 mini-vue，确实有一些不同的感受，当然了也不是说通过学习这个课程就一定精通源码，但是我在这个课程中学习源码是一方面，更多的是了解到了别的技能和思维，比如对于前端测试，就我的工作经历而言，工作中完全没有机会使用单元测试，但是在这段时间的学习过程中，从对测试的不在意，到逐渐了解， 最后到 ‘真香定律’，也开始逐渐上手测试
谈谈自己的感受
到目前为止我已经把这个课程学习了一遍，当然学习完了，并不代表完全掌握了。后续我依然会重复的学习，和思考。但是在学习过后我有一些自己的感受，接下来我也就持续的通过总结，写文章，不断地巩固与提高自己。
- 对vue源码的更深的理解，相比之前的似懂非懂，到现在基本理解。感觉是很不一样的
- 对于测试这个技能的感受，测试可以很好的辅助我在开发过程中的，逐步完善。以及代码重构的掌控。
- 对于开发思维的一个提升，提高了对于复杂功能实现与优化的能力提升，这是对于我来说这段时间学习课程最重要的提升与转变。