简单实现 vue 双向绑定功能

简单实现vue双向绑定功能

<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>


留下你的脚步
推荐阅读