# Vue实现数据双向绑定的原理

Vue 数据双向绑定主要是指:数据变化更新视图,视图变化更新数据,主要可以分四个步骤来实现数据的双向绑定

  • 监听器Observer监听数据变化
  • 订阅器收容订阅者watcher,数据变化时更新相应wacther
  • 订阅者watcher在初始化的时候将自己添加到订阅器中
  • compiler模板解析相应节点并绑定更新函数