面试题：请阐述vue2响应式原理

面试题：请阐述vue2响应式原理

vue官方阐述：https://cn.vuejs.org/v2/guide/reactivity.html

响应式数据的最终目标，是当对象本身或对象属性发生变化时，将会运行一些函数，最常见的就是render函数。

在具体实现上，vue用到了几个核心部件：

1. Observer
2. Dep
3. Watcher
4. Scheduler

Observer

序言：把数据变成响应式数据，同时为每一个数据每一个属性加上 dep！

Observer要实现的目标非常简单，就是把一个普通的对象转换为响应式的对象

为了实现这一点，Observer把对象的每个属性通过Object.defineProperty转换为带有getter和setter的属性，这样一来，当访问或设置属性时，vue就有机会做一些别的事情。

Observer是vue内部的构造器，我们可以通过Vue提供的静态方法Vue.observable( object )间接的使用该功能。

  <script src="./vue.min.js"></script>
  <script>
    let person = {