数据双向绑定原理-简单版

//订阅集合 观察者 订阅者(监听者)

在这里插入图片描述

   //模拟数据模块
       var msg="hello world!";

       //建立对象
       var obj={
    
    };
       Object.defineProperty(obj,'value',{
    
    

           //设置get set 访问器
           get(){
    
    
               return this._value;
           },
           set(val){
    
    
               this._value=val;
               ipt.value=val;
               txt.innerText=val;
           }
       });
       obj.value=msg;
       //监听文本框输入
       ipt.addEventListener("input",function(){
    
    
           obj.value=this.value;
           console.log(obj.value);
       });

猜你喜欢

转载自blog.csdn.net/lcywan/article/details/115282603