Vue —— 数据代理

作者：Sam

1. 简介

vue对象会把定义的data中的数据通过数据代理的方式，绑定到vue对象中

什么是数据代理：
数据代理是指，在vue代码中的数据被修改后，页面上显示的数据，能够立即被同步修改

2. 实现手段

使用Object.defineProperty()来实现的数据代理

3. 运行流程

1. 编写vue对象

const vm = new Vue({
    el: '#div1',
    data: {
        name: 'James',
        age: 30
    }
})

2. 生成vm实例，并将配置的data对象，复制到vm实例中的_data属性中

vm._data = {
    name: 'James',
    age: 30
}

3. 将_data中的数据，添加到vm实例上，实现数据的代理

vm.name = 'James'
vm.age = 30

4. 模板解析

当vue实例中的数据（data）的某处发生了变化，则页面上使用数据的地方会重新解析

• methods中的方法
  只有data中的数据发送了变化，methods中的方法都会重新执行