美文网首页
请简单实现双向数据绑定mvvm

请简单实现双向数据绑定mvvm

作者: yoolika | 来源:发表于2019-03-04 14:17 被阅读0次
    <input id="input"/>
    <span id="show"></span>
    
    const data = {};
    const input = document.getElementById('input');
    const span= document.getElementById('span');
    Object.defineProperty(data, 'text', {
      set(value) {
        input.value = value;
        this._value = value;
      },
      get(){
        span.innerText= this._value
      }
    });
    input.onchange = function(e) {
      data.text = e.target.value;
    }
    

    相关文章

      网友评论

          本文标题:请简单实现双向数据绑定mvvm

          本文链接:https://www.haomeiwen.com/subject/urqiuqtx.html