vue的数据双向绑定原理

实现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;
    })