vue双向绑定原理

1.采用数据劫持结合发布者-订阅者模式。
2.有3个模块:发布者(Observer),编译器(Compile),订阅者(Watcher)
3.首先,发布者通过object.defineProperty定义了getter方法,用来添加订阅者;通过定义setter方法,用来劫持数据,若数据改变,则通知(notify)他的订阅者数据已变化;
4.订阅者收到发布者的数据变化信息,调用自己的update方法更新自己的数据,并触发编译器更新视图;
5.编译器的作用是解析模板指令,将模板中的变量替换成数据,更新视图

  • 剖析Vue原理&实现双向绑定MVVM

你可能感兴趣的:(vue双向绑定原理)