实现双向绑定

单向绑定: 数据驱动视图

双向绑定: 数据驱动视图,视图影响数据

双向绑定无非就是在单向绑定的基础上给可输入元素添加了change事件,来动态修改model和view

实现数据绑定的做法:

  • 发布者-订阅者模式(backbone.js)
  • 脏值检查(angluar.js)
  • 数据劫持(vue.js)

数据劫持:vue.js 采⽤用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty() 来劫持各个属性的settergetter,在数据变动时发布消息给订阅者,触发相应的监听回调。

image-20201009184523864

Dep 订阅器


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!

实现Promise.all方法 上一篇
前端优化方法 下一篇