实现双向绑定
单向绑定: 数据驱动视图
双向绑定: 数据驱动视图,视图影响数据
双向绑定无非就是在单向绑定的基础上给可输入元素添加了change事件,来动态修改model和view
实现数据绑定的做法:
- 发布者-订阅者模式(backbone.js)
- 脏值检查(angluar.js)
- 数据劫持(vue.js)
数据劫持:vue.js 采⽤用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()
来劫持各个属性的setter
, getter
,在数据变动时发布消息给订阅者,触发相应的监听回调。
Dep 订阅器
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!