vue2.0数据响应式原理
对象
Obect.defineproperty 定义对象的属性mjm
defineproperty 其实不是核心的为一个对象做数据双向绑定，而是去给对象做属性标签，设置一系列操作权限，只不过属性里的get和set实现了响应式
var ob = {
a: 1,
b: 2
}
//1-对象 2-属性 3-对于属性的一系列配置
Object.defineProperty(ob, 'a' , { //a对象则是ob的绝对私有属性,,默认都是true
writable: false,
enumerable: false,
configurable: false
})
ob.a = 3
console.log(Object.getOwnPropertyDescriptor(ob, 'a'))
console.log(ob.a) //1
var ob = {
a: 1,
b: 2
}//1-对象 2-属性 3-对于属性的一系列配置
/**
* vue双向数据绑定
* 给ob的a属性设置get/set方法，则获取ob的a时，会触发get方法，设置ob的a时，会触发set方法
*/
Object.defineProperty(ob, 'a' , { //a对象则是ob的绝对私有属性,,默认都是true
get: function(){
console.log('a- get')
},
set: function(){
console.log('a- set')
}
})
ob.a = 3
console.log(ob.a)
//正常用法，，，使用中转，不优雅var ob = {
a: 1,
b: 2
}
//1-对象 2-属性 3-对于属性的一系列配置
/**
* vue双向数据绑定
* 给ob的a属性设置get/set方法，则获取ob的a时，会触发get方法，设置ob的a时，会触发set方法
*/
var _value = ob.a //_value 作为一个中转
Object.defineProperty(ob, 'a' , { //a对象则是ob的绝对私有属性,,默认都是true
get: function(){
console.log('a- get')
return _value;
},
set: function(newValue){
console.log('a- set')
_value = newValue;
}
})
ob.a = 3
console.log(ob.a) //get方法必须return ，否则返回undefined
defineProperty 定义的get和set是对象的属性，那么数组怎么办？
做了个装饰者模式
/**
* 概述 Object.create() 方法创建一个拥有指定原型和若干个指定属性的对象。
* 被创建的对象继承另一个对象的原型，在创建新对象时可以指定一些属性。
* 语法 Object.create(proto, [ propertiesObject ])
*/
//数组 -- 做了个装饰者模式
var arraypro = Array.prototype;
var arrob = Object.create(arraypro)
var arr = ['push', 'pop', 'shift']; //枚举这三个，vue中还有其他
