双向数据绑定的原理

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