本文深入探讨Vue框架的工作原理，从将标签转换为虚拟DOM，再到实际HTML渲染的过程。通过理解项目的架构，包括初始化配置、VNode的生成与更新，以及如何利用工具确保代码正确运行。博客提到了单元测试、代码组织和搜索引擎辅助理解的重要性，并提倡有策略地学习源码，以避免陷入困境。
经过之前的源码阅读发现：“反过来想就对了”
vue框架主要做的是，用一种特定的dom书写方法，把标签转成js对象（虚拟DOM），再把虚拟DOM插入到HTML中，渲染成页面。
vue源码主要是围绕上面的“主题”来实现。（自顶向下）
- 先是架构，如何安排分解项目，把不同功能的功能低耦合拆分到不同类别的目录
- 项目初始化配置，逻辑实现。（牢记结果，一切操作是为了把 VNode 渲染到HTML）
- 倒数第二步，得到“最终”的结果的前一步准备，VNode 数据，
- 倒数第三步，想要获得 VNode 数据的前一步，是什么，做了什么
- ……
越看到后面越明白，不明白的地方可先跳过，抓主干，走完流程，回头补细节
- 选择合适的工具让代码先跑起来
- 理清楚代码组织关系及用途
- 利用好单元测试
- 利弊权衡(该跳就跳，长期处于蒙的状态很容易走进死胡同，可以标记回头再看)
- 利用搜索引擎(可以结合网上的源码分析资料理解)
- 多跟自己交互(带问题阅读)
扫一扫
1744
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
