js简单实现vue中的双向绑定

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

vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式。

通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。

 

js简单实现





  
  
  双向绑定



  

效果

js简单实现vue中的双向绑定_第1张图片

 

 

你可能感兴趣的:(javascript,vue,javascript,vue.js)