本章是对昨天小 demo 的改进，删除cb 函数（更新视图函数），添加依赖收集。为什么要添加依赖收集？举例两种情况：

1. 当 data 里面的变量，不会出现在视图的时候，修改变量，不应该触发更新视图函数；
2. 当 data 里面的变量，出现在两个 vm 实例中，修改变量，需要触发两处的视图更新函数，依赖收集 可以帮我们实现。

本章手写一个 Vue 响应式小 Demo，首先需要介绍 Object.defineProperty ，Vue 是基于它实现【响应式系统】的。

1
2
3
4
5
6
7
8

/*
    obj: 目标对象
    prop: 需要操作的目标对象的属性名
    descriptor: 描述符

    return value 传入对象
*/
Object.defineProperty(obj, prop, descriptor)

descriptor 的几个属性

• enumerable，属性是否可枚举，默认 false。
• configurable，属性是否可以被修改或者删除，默认 false。
• get，获取属性的方法。
• set，设置属性的方法。

全局概览

接下来依次介绍模块的作用以及调用关系

本次小册的学习目标是：

1. 能够回答本小册每章节的标题，例如：Vue.js 运行机制的概览、响应式的基本原理…
2. 回答：Vue.js 究竟是如何在我们对数据进行操作的时候影响视图的呢？
3. 回答：修改的数据如何批量高效地映射到视图上呢？
4. 回答：传统的 DOM 操作又在何时进行的呢？
5. 掌握 update 更新的算法
6. render function 是什么
7. 如何更新视图