vue响应式原理

80 阅读1分钟

首先拿到data对象,对里面的每个属性遍历,然后通过object.defindeProperty 对对象的每个属性都添加get和set方法来进行数据劫持,同时会为对象的每个属性都创建一个dep对象,当这个对象的某个属性发生改变的时候,可以通过这个dep对象调用自己的notify方法,然后通知到watcher,从而使关联这个数据的组件重新渲染。