）（Object.definePropertyを：結合双方向のデータの原則を実装VUE
VUE主として結合双方向のデータを得る：パブリッシャをハイジャックと併せてデータの使用 - 各属性セッターをハイジャックするObject.definePropertyによる方法モード加入者（）、ゲッターは、データ変更が、対応するモニタをトリガするとき加入者にメッセージを投稿コールバック。オブジェクトは、そのデータオプションとして共通のJavascript Vueのインスタンスに渡されると、Vueのは、それらがObject.definePropertyゲッター/セッターによって変換され、そのプロパティを横断します。プロパティの変更の通知をするときにアクセスして変更され、ユーザーはゲッター/セッターを見ませんが、内部的には、Vueの依存追跡してみましょう。
観察者が彼らのモデルデータの変更を監視するための結合としてVUE MVVMデータエントリを結合双方向データ、オブザーバー統合、ウォッチャーコンパイル三、解析コマンドのコンパイルテンプレート（VUEは{コンパイルを解析して使用され{}}）、最終的にウォッチャを使用してデータ変更を達成するために、観察者とコンパイルの間のブリッジとして機能 - >ビューの更新、ビュー変化相互作用（INPUT） - >データモデルは、方法の結合効果を変化させます。
jsが簡単な方法結合を実現します
<BODY>
<DIV ID = "アプリケーション">
の<input type = "テキスト" ID = "TXT">
<PのID = "ショー"> </ P>
</ div>
</ body>
<スクリプトタイプ= "テキスト/ javascriptの">
VAR OBJ = {}
Object.defineProperty（OBJ、 'TXT'、{
得る：関数（）{
OBJ戻り
}、
セット：関数（newValueに）{
のdocument.getElementById（ 'TXT'）値= newValueにする。
ドキュメント.getElementById（ 'ショー'）。innerHTMLの= newValueに
}
}）
document.addEventListener（ 'keyUpイベント'、関数（E）{
obj.txt = e.target.value
}）
</スクリプト>