前言
最近在准备一些 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 复制代码