双向数据绑定的原理

vue中双向数据绑定的实现

var obj = {

  pwd:'123456'

}

Object.defineProperty(obj,"username",{

  get:function(){

    console.log('get init')

  },

  set:function(val){

    console.log('set init')

    document.getElementById("uName").innerText = val;

    document.getElementById("userName").value= val;

  }

})

document.getElementById("userName").addEventListener("keyup",function(event){

  obj.userName = event.target.value

})

对象里面的数据变化时get、set方法自动执行

详情参考网站:https://www.jianshu.com/p/d3a15a1f94a0

原文地址:https://www.cnblogs.com/jxm321/p/11224844.html