Vue数据驱动模拟实现5

2020-06-16 05:36:05易采站长站整理

if(typeof data === 'object'){
let ob = new Observer(data);
//关联父节点
ob._parent = {
key,
ob: this
};
}
}

最后,有了子父结点的依赖关系,那么冒泡方法就OK啦,如下:


//let p = Observer.prototype
p.notify = function(eventName){
let ob = this._parent && this._parent.ob;
let key = ob && this._parent.key || 'root';
console.log('parent--'+key+' event--'+eventName);
this.emit(eventName);
//判断节点是否有父节点,若有,就向上传递事件
ob && ob.notify(eventName);
}

Perfect,具体代码详见github.