# 学习 Vue 相关知识

此博客中所分析的基于 Vue2.6.14 版本,后续会提供部分 Vue1.1 与之的对比;

Vue2.6.14 部分

src
|- compiler              # 与模板编译相关的代码
|-core                   # 通用的、与运行平台无关的运行时代码
│  ├─observe        # 实现变化侦测的代码
│  ├─vdom           # 实现virtual dom的代码
│  ├─instance       # Vue.js实例的构造函数和原型方法
│  ├─global-api     # 全局api的代码
│  └─components     # 内置组件的代码
|-server            # 与服务端渲染相关的代码
├─platforms         # 特定运行平台的代码,如weex
├─sfc               # 单文件组件的解析代码
└─shared            # 项目公用的工具代码
1
2
3
4
5
6
7
8
9
10
11
12
  • 初始化篇:大致执行流程 与 学习Vue中所有实例方法(即所有以$开头的方法)的如何实现
  • 数据监听篇:学习Vue中如何实现数据的响应式系统,从而达到数据驱动视图
  • 编译与模板解析篇:学习Vue内部是怎么把template模板编译成虚拟DOM,从而渲染出真实DOM
  • 虚拟 DOM 篇:学习什么是虚拟 DOM,以及Vue中的DOM-Diff原理
  • 生命周期篇:学习Vue中组件的生命周期如何实现
  • 全局 API 篇:学习Vue中所有全局API的如何实现
  • 过滤器篇:学习Vue中所有过滤器的如何实现
  • 指令篇:学习Vue中所有指令的如何实现
  • 内置组件篇:学习Vue中内置组件的如何实现

# 主流程结构

流程 text