作者：Sam
1. 简介
vue对象会把定义的data中的数据通过数据代理的方式，绑定到vue对象中
什么是数据代理：
数据代理是指，在vue代码中的数据被修改后，页面上显示的数据，能够立即被同步修改
2. 实现手段
使用Object.defineProperty()来实现的数据代理
3. 运行流程
- 编写vue对象
const vm = new Vue({
el: '#div1',
data: {
name: 'James',
age: 30
}
})
- 生成vm实例，并将配置的data对象，复制到vm实例中的_data属性中
vm._data = {
name: 'James',
age: 30
}
- 将_data中的数据，添加到vm实例上，实现数据的代理
vm.name = 'James'
vm.age = 30
4. 模板解析
当vue实例中的数据（data）的某处发生了变化，则页面上使用数据的地方会重新解析
-
methods中的方法
只有data中的数据发送了变化，methods中的方法都会重新执行
网友评论