vue的简单原理
vue.js 主要是通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。
Object.defineProperty()的简单运用
var userInfo = {};
Object.defineProperty(userInfo, "name", {
get: function(){
console.log(4444444);
return "888888";
},
set: function(nick){
console.log(12345678);
name = nick;
}
});
userInfo.name="1234";
每次我们改变name的值,就会调用set方法,就能更新name的值。操作dom树同样如此。