7 个 GitHub 上超火的 Vue2、Vue3 源码解密剖析的重磅开源我的项目，前端学习必备。
1. 为什么要学习源码 ?
浏览优良的代码的目标是让咱们可能写出优良的代码。
不给本人设限，不要让你四周人的技术下限成为你的下限。 其实就跟咱们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。
基于当初的程序员工作模式(模块化开发，只须要拿到需要做本人的局部)，别说看源码，甚至就连我的项目里的代码都懒的去看，我意识的很多程序员就是这样的，一个我的项目摸了两三年，你要问他我的项目中 webpack 都干了哪些事件，他的答复是不晓得，反而踌躇满志的通知你，那些他素来都用不上，看了也没什么用，也看不懂，这里省略心田千字脏文。
浏览次要目标 是为了帮忙咱们 积攒素材，不要书到用时方恨少，看到美女咱们应该能有一万种词语去形容，如气若幽兰，美艳不可方物，一笑倾城，再笑倾国，世间尤物，而不是简短的几个字，我艹，美女!
功利性的浏览源码
功利性即指有目的性的，明确晓得本人干完某一件预先能失去什么样的回报，所以首先你要晓得你想得到什么？
看每一本书都有明确的目标，想学会理财，就得看理财相干的书，想学点技术，就得看点技术相干的书
看源码也是一样，你对 Vue.use 之后产生了什么比拟好奇，或者是你感觉当初面试都须要会看点源码，这都很好，至多你有明确的诉求
凡事只有有了功利属性，才更容易走的上来，否则就是真香正告。
2. Vue2
Vue 尽管出到 Vue3 了，也出了不少 Vue3 的源码教程，然而 Vue2 还是很棒的框架，它的源码还是值得细读的，所以先举荐几个 Vue2 的源码我的项目。
2.1 vue-analysis
Vue.js 源码剖析
目前社区有很多 Vue.js 的源码解析文章，然而品质档次不齐，不够零碎和全面，这本电子书的指标是全方位粗疏深度解析 Vue.js 的实现原理，让同学们能够彻底把握 Vue.js。目前剖析的版本是 Vue.js 的最新版本 Vue.js 2.5.17-beta.0，并且之后会随着版本升级而做相应的更新，充分发挥电子书的劣势。
这本电子书是作为 《Vue.js 源码揭秘》 视频课程的辅助教材。电子书是开源的，同学们能够收费浏览，视频是免费的，25+小时纯干货课程，如果有须要的同学能够购买来学习，但请务必反对正版，请尊重作者的劳动成果。
https://github.com/ustbhuangy…
2.2 vue-design
超级具体 – 逐行级别的剖析
所谓逐行并非一行接着一行，逐行指的是解说的具体水平，这套文章将致力于笼罩所有外围代码，毕竟每一句代码都有他存在的意思，如果咱们不讲明确任何一句代码的意义，那又怎么敢说是源码剖析呢？
深度剖析 – 解说 issue
咱们晓得 Vue 这个我的项目自诞生以来始终都在一直的更新欠缺，比方增加新的个性，修复已知bug等等。而在这个过程中源码也将越来越欠缺，这也意味着代码已经并不欠缺，本套文章在剖析源码时除了通知你这段代码为什么这么写之外，还会依据相干 issue 剖析这段代码之前是怎么写的以及存在的问题。
http://hcysun.me/vue-design/zh/
2.3 vue-family-mindmap
用一张思维导图总结了 Vue | Vue-Router | Vuex 源码与架构要点。
以上内容是笔者最近学习 Vue 源码时的播种与所做的笔记，本文内容大多是开源我的项目 Vue.js 技术揭秘 的内容，只不过是以思维导图的模式来展示，内容有省略，还退出了笔者的一点了解。
笔者之所以采纳思维导图的模式来记录所学内容，是因为思维导图更能反映常识体系与构造，更能使人造成残缺的常识架构，常识一旦造成一个体系，就会容易了解和不易遗记。
留神：文章的图片可能上传时会通过压缩，可能有点含糊，不过本文用到的 所有 超清图片 都曾经放在 github 上，而且还有 pdf 格局、markdown 语法、思维导图 的原文件，本人能够依据 思维导图原文件 导出相应的超清图片。
https://github.com/biaochenxu…
2.4 learnVue
Vue.js 源码剖析，记录了集体学习 Vue.js 源码的过程中的一些心得以及播种。以及对于 Vue 框架，周边库的一些个人见解。
在学习的过程中我为Vue.js（2.3.0）、Vuex（2.4.0）、Vue-router（3.0.1）加上了正文，别离在文件夹 vue-src、vuex-src 以及 vue-router-src 中，心愿能够帮忙有须要的同学更好地学习了解 Vue.js 及周边库的源码。
https://github.com/answershut…
2.5 vue
Vue 源码逐行正文剖析 +40 多 M 的 Vue 源码程序流程图思维导图 （diff 局部待后续更新）
Vue 源码业余时间差不多看了一年，以前在网上找帖子，发现很多帖子很零散，都是一部分一部分说，断章的很多，所以本人下定决定一行行看，通过本人保持与致力，当初根本看完了 。
这个 Vue 源码逐行剖析，我根本每一行都打上正文，加上整个框架的流程思维导图，基本上是小白也能看懂的 Vue 源码了。
https://github.com/qq28111327…
2.6 vue2.0-source
Vue 源码剖析 — 基于 2.2.6 版本
该源码剖析，会带着大家一起学习 Vue 的大部分代码，而不是简略的讲一下它的原理，我会尽可能的多解释每一行次要的代码含意，另外一些辅助办法什么的，大家能够在学习的过程中，本人看一眼就晓得了。
https://github.com/liutao/vue…
3. Vue3
3.1 中文学习网址
先给大家提供 2 个 Vue3 的中文学习网址。
Vue3 中文文档，国内 CDN 减速版
https://vue3js.cn/docs/zh/
Vue3 相干我的项目聚合网站
https://vue3js.cn/
3.2 Vue3 源码
https://vue3js.cn/start/
发表回复