vue中的双向数据绑定

vue中的双向数据绑定_第1张图片
双向数据绑定

vue中的双向数据绑定主要是通过es5中的Object.defineProperty()方法,监控对数据的操作,从而自动触发数据同步

主要有下面几个部分:

  • Data 数据属性观察者,数据发生改变立即通知订阅者,添加订阅者到订阅者容器
  • watcher 订阅者。一旦数据有变化,立刻通知(directive)指令重新编译模板并渲染UI
  • Dependency 订阅者容器
  • Directive 指令。重新编译模板并渲染UI

你可能感兴趣的:(vue中的双向数据绑定)