new vue()到底做了些什么

281 阅读1分钟

1.new Vue()首先执行初始化,对data执行响应化处理,这个过程发生在Observer中
2.同时对模板执行编译,找到其中动态绑定的数据,从data中获取并初始化视图,这个过程发 生在Compile中
3.同时定义一个更新函数和Watcher,将来对应数据变化时Watcher会调用更新函数
4. 由于data的某个key在一个视图中可能出现多次,所以每个key都需要一个管家Dep来管理多 个Watcher
5. 将来data中数据一旦发生变化,会首先找到对应的Dep,通知所有Watcher执行更新函数