Vue3 大侠修炼手册1 - 学习方法介绍

351 阅读5分钟

Vue3 大侠修炼手册1- 学习方法

本系列文章是基于我在学习Vue3源代码课程时的总结和自己的思考,旨在让自己的学习心得体会能分享给每一位阅读的小伙伴,只要用心,人人都是 Vue3 大侠

写在前面

为什么要学习源码?不一样的人有不一样的答案。有的人是为了探寻Vue底层的逻辑,有些人是为了能升职加薪,而也有人是为了装13。 不管是为了什么,我们在这里并不会评价你的初心,在这里只和大家一起搞事情,解开Vue3的面纱,一起领略它的无限风光。

源码学习方法

有一句话说的特别好方向不对,努力白费,在源码学习的过程中,如果我们不得其法,靠死磕,只会让我们事倍功半,而一套好的学习思路会让我们事半功倍。接下来我要介绍我们学习的主要思路。

1. 找一条主线去突破

我们首先要快速找到主线,去找到Vue3整体执行的轮廓,然后对这个轮廓进行代码层面的学习。

Tips: 在学习主线的时候我们要尽量避免过度的去陷入到分支逻辑的梳理,因为这会让我们看不清Vue3的轮廓,同时也会浪费我们不必要的时间

比如我们:

写上一段简单vue3代码

思考如何跑起来?

例如一个简单的线性思考过程:

  • 在编写Vue3程序时,我们会执行 createApp 进行初始化,这就是我们Vue3源码的入口
  • 初始化之后代码,我们需要挂载自己的程序,让其能在页面上渲染,于是我们要执行app.mount() [以上两步就是我们程序整体初始化的过程]
  • 然后我们再编写代码时数据肯定是会有变化的,我们再来思考数据何时变化,如何变化?
  • 然后数据变化后是Vue3代码是如何更新的呢?
    • 异步更新策略
    • patch细节

2. 画一张思维导图

如果我们还想有更深一层的提升,我们最好把上面的学习内容总结成一张思维导图,便于我们记忆和梳理流程。这不仅仅是对我们前面突破主线学习的总结也会对我们以后复习提供很好的帮助。

3. 提出一个新问题,去源码中去找答案

1、2步的学习中,我们只是针对于主线的学习,而此时我们对主线的流程已经很熟悉了,我们可以针对遇到的某个特定的问题,去深入源码中的分支,去探索,看Vue3是如何实现的。

这一步是帮助我们延伸对Vue3框架的理解,更加深入的去了解Vue3代码中的方方面面,来武装我们的知识体系。

4. 去造一个轮子

这个过程是我们已经深入的了解Vue3之后,去真正融会贯通的时候。 去造一个轮子吧!在创造轮子的过程中去历练自己,让自己真正的带入到 Vue3 Creator 的角度去思考问题,如果说以上三步是我们知其然的过程,那么这一步找轮子的过程,就是我们知其所以然的过程。 若完成这一步相信你已经在vue3领域有自己独到的见解,你已经在Vue3的江湖里闯出了属于自己的一片天地。

5. 费曼学习法

正所谓,侠之大者,为国为民,经过上面四部曲的洗礼,你终于成为了你们团队中的 Vue3 扛把子, 你已经独树一帜,然而作为一个侠者,你的使命才刚刚开始。

此时你要做的就是去帮助身边那些还深陷 理解盲区中的小伙伴,去帮助小伙伴们分析和解决Vue3学习中所能遇到的问题。在此期间,你可能会遇到形形色色的人,遇到千奇百怪的问题,这些都会对促使你不断提升对Vue3整个体系的理解,同时也能帮助到更多的在Vue领域学习的人。在这个过程中不仅仅是对自己编程技巧和理解力的考验,也是对你沟通表达能力的历练。 在这个过程中你要循循善诱,让身边的小伙伴们能体会到Vue3的脉络和精髓,如果他们不明白,你要牢记以下心法

  1. 是不是自己讲的内容本身存在漏洞
  2. 是不是自己没能抓住核心问题,让小伙伴们听得云里雾里
  3. 是不是自己的表述能力有问题,没能做到深入浅出 ...

新的旅程

以上只是我们的黄粱一梦,然而这也是 先知 的预言。现在你可能发现,读了本篇文章,你对Vue3并没有多理解一分,但是你却对自身作为侠者的使命的担当多了十分。 那么接下来,请轻装上阵,跟着这部教程,一起踏上属于你自己的求知之旅吧!