首先他是先实现一个数据代理,将 data 中的属性添加到vue的实例当中,然后他会创建一个 Observer 对象,对data中的所有属性进行遍历和劫持,会对每个属性都创建一个 getter 和 setter 方法,同时创建了一个Dep对象,和 data 中的每一个属性都是一一对应的;
之后他会创建一个 compile 对象,他会调用update中的方法对数据进行一个初始化显示,还会创建一个 Watcher 对象,让其和Dep对象建立联系,当我们改变数据的时候会触发 Observer中的 setter方法,然后由对应的Dep通知所对应的 Watcher 来调用update中的方法来更新对应的节点
Vue响应式布局理解
最新推荐文章于 2024-07-11 10:59:33 发布