大家在使用Vuejs的时候,一定都使用过双向绑定的功能,今天就来简单实现下Vuejs的双向绑定功能。

<label>输入:</label>
<input type="text" id="demo1"><br/> 
<label>输出:</label> 
<input type="textarea" id="demo2"></input> 

<script> 
var a={}; 
var output=[]; 
Object.defineProperty(a,'b',{ 
//给a对象添加b属性 
set:function(val){ 
output['b']=val; 
}, 
get:function(){ 
return output['b']; 
} 
}) 
var demo1=document.querySelector('#demo1'); 
var demo2=document.querySelector('#demo2'); 
demo1.onkeyup=function(){ 
a.b=demo1.value;
//给a对象添加b属性时候,触发了a的set方法,此时#demo1的value值赋值给output['b']。 
demo2.value=output['b']; 
} 
</script>