vue 双向绑定原理

vue的双向绑定,主要还是利用了Object.defineProperty(监听的对象,需要设置的键,{value:值})

或则是

Object.defineProperty(监听的对象,需要设置的键,{
   get:function(){
        console.log("get method");
        return 值;
   },
    set:function(val){
        console.log("set method");
   }
})

在外层通过keyup事件监听元素的变化,通过event对象的target赋值给obj,然后通过上面set方法里面进行赋值

大概是下面这样:

document.getElementById("username").onkeyup=function(e){
obj.username = e.target.value;
}

在set方法里面
set:function(e){
document.getElementById("uname").innerHTml=e;
}

posted @ 2018-09-17 21:27  cyany_blue  阅读(130)  评论(0编辑  收藏  举报