这是一个系列文章,会一直更新下去。主要目的是对 Vue
的核心源码进行一个解读,加深对框架本身的认识,让我们在工作中遇到类似问题时能够运用原理性的知识快速找到解决方案,提升工作效率。
此系列解析的是 Vue2.x
版本的源码,后面也会推出 Vue3.x
的源码解析,虽然版本差异很大,但是很多原理性的东西并没有太大出入。我们大都知道 3.x 和 2.x 在响应式原理方面是不一样的,还有很多用法也发生了变化,比如使用 Composition API
代替了 Options API
。很多时候我们对框架的认识只是停留在表面,工作中可能遇到问题后很长时间搞不定。都是直接百度找答案,丧失了独立思考的能力,这对个人的职业发展是不友好的。
而且源码也是考验一个工程师能力的一个方面,听过和自己亲自读过的感觉是不一样的。不得不说,这是一件很枯燥的事情,和手游电影比起来,真的想不到理由去看源码。
但是,如果今后你想换工作或者做项目架构设计,你就会发现能力不足。首先表现出来的是编程能力不够,写代码慢,解决问题慢,没思路,与百度强依赖。
所以,有时间还是多学学,了解下底层的东西,增强个人竞争力。
那么,这一系列并不会解读所有的源码,主要抽取几个核心的模块进行解析,比如:
keep-alive
nextTick
- 响应式原理
- Diff 算法
- ...
详细目录,后面会陆续更新。
整体流程如下:
- 概念
- 用法
- 参数
- 源码
- 总结
建议大家都使用 VSCode
来阅读源码,已获得最好的阅读体验。
这里附上 Vue2.x仓库地址,大家自行拉取。
一般来说,人们并不喜欢冗长的文章,我会尽力只解读重点,当然,有些知识可能涉及到其它知识,我会额外附加一些,大家可以按需阅读。
评论区