vue双向数据绑定的原理

var keyValue = 88;
var obj = {};
Object.defineProperty(obj,'key', {
    enumerable: true,
    configurable: true,
    get: function(){
        return keyValue;
    },
    set: function(newValue){
        keyValue = newValue;
        console.log(`keyValue的值已发生改变，目前的值是：${keyValue}`);
    }
});

obj.key; // 88
keyValue = 99;//改变keyValue 值
obj.key; // 99
// "obj对象的key属性已经绑定了变量keyValue的值"

obj.key = 100;
keyValue; //100    obj对象的key已经绑定了变量keyValue的值,两个已双向绑定

对象obj获取属性key的值时，会触发上面的get方法，得到的是变量keyValue的值，然后当重新设置key的值时，触发set方法，会将变量keyValue的值改变为设置的值，如此就实现了一个简单的双向绑定：改变keyValue，obj.key得到的值也会改变，重新设置obj.key，keyValue一样会随之改变。

当然，vue的双向绑定实际更复杂，但最基本的原理就是基于Object.defineProperty()方法改变数据存取的默认行为来实现的。
后面还会继续深入