如何解读vue源码

经过之前的源码阅读发现:“反过来想就对了”

vue框架主要做的是,用一种特定的dom书写方法,把标签转成js对象(虚拟DOM),再把虚拟DOM插入到HTML中,渲染成页面。

vue源码主要是围绕上面的“主题”来实现。(自顶向下)

  • 先是架构,如何安排分解项目,把不同功能的功能低耦合拆分到不同类别的目录
  • 项目初始化配置,逻辑实现。(牢记结果,一切操作是为了把 VNode 渲染到HTML)
  • 倒数第二步,得到“最终”的结果的前一步准备,VNode 数据,
  • 倒数第三步,想要获得 VNode 数据的前一步,是什么,做了什么
  • ……

越看到后面越明白,不明白的地方可先跳过,抓主干,走完流程,回头补细节

  • 选择合适的工具让代码先跑起来
  • 理清楚代码组织关系及用途
  • 利用好单元测试
  • 利弊权衡(该跳就跳,长期处于蒙的状态很容易走进死胡同,可以标记回头再看)
  • 利用搜索引擎(可以结合网上的源码分析资料理解)
  • 多跟自己交互(带问题阅读)

猜你喜欢

转载自blog.csdn.net/weixin_52691965/article/details/125999687