实现Vue双向数据绑定的原理
实现双向数据绑定,主要使用的是Object.definePropety()方法来实现的,通过他的第三个参数存取描述符,来实现数据的改变。
var obj = {};
var name = "";
Object.defineProperty(obj,"key",{
get:function(){
return name
},
set:function(newVal) {
name = newVal
document.getElementById('a').value = name;//让文本框的内容等于val
document.getElementById('b').innerHTML = name;//让span的内容等于val
}
})
document.addEventListener('keyup', function (e) {//当在文本框输入内容时让对象里你定义的val等于文本框的值
obj.key = e.target.value;
})