初步了解VUE源码

Posted 2020-12-16 lorin

1、源码学习目录

本项目所剖析的Vue.js源码版本是目前最新的版本，版本号为 v2.6.11 ，其代码目录如下：

 

 

从上面的目录结构可以看出，Vue的整个项目包含了类型检测相关、单元测试相关、与平台无关的核心代码以及跨平台运行的相关代码。

由于我们只是学习Vue.js的设计思想以及代码实现的相关逻辑，所以我们暂不去关心类型检测、单元测试以及特定平台运行等相关逻辑实现，仅关注它的核心代码，即src/core和src/complier这两个目录下的代码，并且接下来后续的学习也都是只在这两个目录的范围之内。

2.2 学习内容

1. 变化侦测篇

   学习Vue中如何实现数据的响应式系统，从而达到数据驱动视图。

2. 虚拟 DOM 篇

   学习什么是虚拟 DOM，以及Vue中的DOM-Diff原理

3. 模板编译篇

   学习Vue内部是怎么把template模板编译成虚拟DOM,从而渲染出真实DOM

4. 实例方法篇

   学习Vue中所有实例方法(即所有以$开头的方法)的实现原理

5. 全局 API 篇

   学习Vue中所有全局API的实现原理

6. 生命周期篇

   学习Vue中组件的生命周期实现原理

7. 指令篇

   学习Vue中所有指令的实现原理

8. 过滤器篇

   学习Vue中所有过滤器的实现原理

9. 内置组件篇

   学习Vue中内置组件的实现原理