手写Vue.js2.0源码

第1章 基本响应式原理

1.1 基本开发环境搭建

1.2 JavaScript高阶技法

1.2.1 call、bind、apply太难了

1.2.2 defineProperty

1.2.3 Object.create了什么

1.2.4 new了个什么

1.2.5 this到底是谁

1.3 initData:Vue初始化

1.4 Observer——响应式原理的核心

1.5 数组的响应——AOP的实际应用

1.6 初始化代码浅析

1.6.1 扁平化后的代码

1.6.2 按“图”索“骥”——流程梳理

1.7 源码的阅读方法——任何源码都可以这样看

第2章 模板渲染原理

2.1 $mount——挂载节点

2.2 parseHTML——解析模板

2.3 codegen——生成render

2.4 initLifecycleMount？Mount！

2.5 源码解读——你的实现,我的实现,其实都一样

2.5.1 绑定静态方法

2.5.2 $mount的执行线

2.5.3 回顾

第3章 依赖收集原理

3.1 另一个JavaScript高阶知识

3.1.1 观察者模式与发布订阅模式

3.1.2 没事走两步——什么是异步

3.1.3 mergeConfig怎么合并两个对象

3.2 Watcher&Dep——依赖收集

3.3 nextTick——异步 新原理

3.4 Mixin-这难道不是mergeConfig

3.5 callHook-生命周期是这样执行的

3.6 源码分析之我是抄的

3.6.1 Vue2中的依赖收集

3.6.2 异步 新源码

3.6.3 原来你是这样的Mixin

3.6.4 生命周期钩子是不是这样调用的

第4章 Watcher的其他场景

4.1 手写computed实现

4.2 watch的核心是watcher

4.3 响应式原理补充——数组的 新

4.4 源码分析之不知道怎么编了

4.4.1 原来是这样的响应式

4.4.2 依赖收集不过是彼此铭记

第5章 Diff算法

5.1 前置代码整理

5.2 简单Diff算法

5.2.1 “当前节点不同”的情况

5.2.2 比对子节点的简单情况