学习内容和文章内容来自 黄轶老师
《Vue.js2.0 源码揭秘》、
《Vue.js 3.0 核心源码解析》
这里分析的源码是Runtime + Compiler 的 Vue.js
调试代码在:node_modules\vue\dist\vue.esm.js 里添加
vue版本:Vue.js 2.5.17-beta

你越是认真生活，你的生活就会越美好！

章节目录

准备工作

Vue源码学习 - 准备工作

数据驱动

Vue源码学习 - 数据驱动

组件化

Vue源码学习 - 组件化（一） createComponent

Vue源码学习 - 组件化 一 createComponent

Vue源码学习 - 组件化（二） patch

Vue源码学习 - 组件化 二 patch

Vue源码学习 - 组件化（三） 合并配置

Vue源码学习 - 组件化 三 合并配置

Vue源码学习 - 组件化（四） 生命周期

Vue源码学习 - 组件化（四） 生命周期

Vue源码学习 - 组件化（五） 组件注册

Vue源码学习 - 组件化（五） 组件注册

深入响应式原理

原理图

Vue源码 深入响应式原理（一） 响应式对象

深入响应式原理 （一）响应式对象

Vue源码 深入响应式原理（二） 依赖收集 & 派发更新

深入响应式原理 （二）依赖收集 & 派发更新

Vue源码 深入响应式原理 （三）nextTick & 检测变化的注意事项

深入响应式原理 （三）nextTick & 检测变化的注意事项

Vue源码 深入响应式原理 （四）计算属性 VS 侦听属性

深入响应式原理 （四）计算属性 VS 侦听属性

Vue源码 深入响应式原理 （五）组件更新

深入响应式原理 （五）组件更新

深入响应式原理 （六）Props (v2.6.11)

深入响应式原理 （六）Props (v2.6.11)

深入响应式原理 （七）原理图总结

深入响应式原理 （七）原理图总结

编译

编译（一）编译入口

编译（一）编译入口

编译（二）parse 解析模板字符串生成 AST

编译（二）parse 解析模板字符串生成 AST

编译（三）optimize 优化AST树

编译（三）optimize 优化AST树

编译（四）codegen 把优化后的 AST 树转换成可执行的代码

编译（四）codegen 把优化后的 AST 树转换成可执行的代码

扩展

扩展（一）event

扩展（一）event

Vue Router

Vue Router（一）路由注册

Vue源码 Vue Router（一）路由注册

Vue Router（二）VueRouter对象

Vue Router（二）VueRouter对象

Vue Router（三）matcher 路由匹配器

Vue Router（三）matcher路由匹配器

Vue Router（四）路径切换

Vue Router（四）路径切换

Vuex

Vuex（一）状态管理模式

Vuex（一）状态管理模式

Vuex（二）Vuex 初始化

Vuex（二）Vuex 初始化

Vuex（三）Vuex API实现

Vuex（三）Vuex API实现

Vuex（四）Vuex 插件

Vuex（四）Vuex插件

---

谢谢你阅读到了最后~
期待你关注、收藏、评论、点赞~
让我们一起 变得更强