Vue 源码解读-学习方法

 

前言

最近在准备一些 Vue 系列的文章和视频，之前 Vue 的源码也读过好几遍，但是一直没写相关的文章，所以最近就计划写一写。

目标

精通 Vue 技术栈的源码原理，这是这系列的文章最终目的。

首先会从 Vue 源码解读开，会产出一系列的文章和视频，从详细刨析源码，再到 手写 Vue 1.0 和 Vue 2.0。之后会产出周边生态相关库的源码分析和手写系列，比如：vuex、vue-router、vue-cli 等。

相信经过这一系列的认真学习，大家都可以在自己的简历上写上这么一条：精通 Vue 技术栈的源码原理。

适合人群

• 熟练使用 Vue 技术栈进行日常开发（增删改查）

• 想深入了解框架实现原理

• 想跳槽 或 跟老板提涨薪的同学（增删改查不值钱）

如何学习

对于系列文章，顺序学习自然最好，但如果你本身对源码有一些了解或者对某一部分特别感兴趣，也可以直接看相应对应的文章。

很多人习惯利用碎片化时间去学习，对于快餐类的文章当然没有问题，但是如果你想深入学习，还是建议坐在电脑前用整块的时间对照着文章亲自动手去学。

记住：光看不练假把式，所以在学习过程中一定要勤动手，不动笔墨不读书，像笔记、思维导图、示例代码、为源码编写注释、debug 调试等，该上就上，绝对不能偷懒。

如果你觉得该系列文章对你有帮助，欢迎大家 点赞、关注，也欢迎将它分享给你身边的小伙伴。

准备

现在最新的 Vue 2 的版本号是 2.6.12，所以我就以当前版本的代码进行分析和学习。

下载 Vue 源码

• git 命令

  git clone https://github.com/vuejs/vue.git
  复制代码