浅析Vue2数据响应式

Vue2数据响应式

什么是响应式？响应式就是一个物体能对外界的变化做出反应，那它就是响应式的，那么在Vue中，我们如果修改Vue中的n数据，那么UI中的n就会发生反应，这就是Vue的数据响应式，在Vue2中主要通过Object.defineProperty来实现数据的响应式。

Obj.defineProperty()

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。
这个方法的语法为：

Object.defineProperty(obj, prop, descriptor)

//obj  要定义属性的对象。

//prop 要定义或修改的属性的名称或 Symbol 。

//descriptor 要定义或修改的属性描述符

一般在这个方法中会配合getter和setter方法一起使用，就可以做到数据响应式。
我们先创建一个data对象，里面有一个n:0

data:{
   n:0}

然后把这个对象放进一个自己定义的函数里，目的是为了将这个数据的修改代理给另一个变量

let data3 = proxy({
    data:{
   n:0} })

下面我们这么定义proxy函数

function proxy({