vue的簡(jiǎn)單原理
vue.js 主要是通過Object.defineProperty()來劫持各個(gè)屬性的setter季二,getter膀估,在數(shù)據(jù)變動(dòng)時(shí)發(fā)布消息給訂閱者观话,觸發(fā)相應(yīng)的監(jiān)聽回調(diào)炒嘲。
Object.defineProperty()的簡(jiǎn)單運(yùn)用
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的值蹬铺,就會(huì)調(diào)用set方法尝哆,就能更新name的值。操作dom樹同樣如此甜攀。