原則値を結合VUE方法Object.defineProperty

簡単に実現JSで、結合双方向のデータのVueの基本原理

// HTML

<入力されたID = "1"タイプ = "テキスト"プレースホルダ= " 値を入力してください"> 
<P> 
    現在の入力の値：
    <スパンID = "TWO"> - </スパン> 
</ P>

 

// JS

document.getElementById oOne = VAR（ '一'）; 
VAR oTwo =のdocument.getElementById（ 'TWO'）; 
VARのnewValueに= {}; 
Object.defineProperty（newValueに、 'MSG'は、{ 
    // objが場合obj.msgセット。変更MSG学生に対して設定する場合の方法は、呼び出される
    セット：機能（newValに）{ 
        //同時に設定obj.msgは、入力/スパンに割り当てられている場合
        oOne.value = newValに
        oTwo.innerText newValに= 
    } 
}）; 

oOne.addEventListener （ 'keyUpイベント'、関数（イベント）{ 
    newValue.msg = event.target.value 
}）