vue之双向绑定

上一博客说了MVVM,这一章就讲讲双向绑定

双向绑定按照Vue官方文档说的意思是实现了

Object.defineProperty(),正因为ie8及以下不支持这个方法所以Vue完全无法在ie8上运行

 


  <input type="text" id="txt" />
  
   <script>
    let obj={};
    let temp="";
   const txt = document.getElementById('txt')
   txt.oninput=function(){
        console.log(this.value);
        obj.name=this.value
   }

   Object.defineProperty(obj,'name',{
       set:function(newValue){
            console.log(newValue)
            temp=newValue;
            txt.value = newValue
       },
       get:function(){
           return  temp;
       }
   });
    
    </script> 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值