响应式系统

只要在 Vue 实例中声明过的数据，那么这个数据就是响应式的。

什么是响应式，也即是说，数据发生改变的时候，视图会重新渲染，匹配更新为最新的值。

也正是因为这个系统，让我们可以脱离界面的束缚，只需要操作数据。

随之， 产生了三个问题。

1、Vue 是怎么知道数据改变？

2、Vue 在数据改变时，怎么知道通知哪些视图更新？

3、Vue 在数据改变时，视图怎么知道什么时候更新？

Object.defineProperty

使用 Object.defineProperty 可以为对象中的每一个属性，设置 get 和 set 方法

Object.defineProperty 可以为属性设置很多特性，例如 configurable，enumerable，但是现在不过多解释，重点只放在 get 和 set

那么 get 和 set 方法有什么用？

get 值是一个函数，当属性被访问时，会触发 get 函数

set 值同样是一个函数，当属性被赋值时，会触发 set 函数

举个例子

var obj={ name:”神仙朱”}

Object.defineProperty(

obj,”name”,{

get(){ console.log(“get 被触发”