学习小马哥vue源码笔记

  • 原文:https://juejin.cn/post/6844904183938678798
  • image.png
  • 自己的理解
  • 还未阅读订阅者和观察者设计模式
  • new实例开始,通过dom解析指令 {{}}语法,并渲染,在渲染页面的时候,为data中每一个对象添加watcher观察者.
  • observer这里的功能包括为data中每一个数据设置defineProperty,get,set发表方法。并添加为每一个数据添加订阅者,当数据发生改变时通知观察者,更新数据并更新视图。
    关键:添加订阅者和观察者,通知观察者。
    依赖Object.defineProperty,这个方法,通过修改他的get/set方法。为数据设置监听函数,Object.defineProperty的getter/setter方法,会在数据进行访问/或修改时触发。

你可能感兴趣的:(学习小马哥vue源码笔记)