1. 程式人生 > >vue如何實現資料的雙向繫結

vue如何實現資料的雙向繫結

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
 <input type="text" id="a"/>
 <span id="b"></span>
  <script type="text/javascript">
	var obj = {};
	Object.defineProperty(obj,'hello',{
		set:function(newVal){
			document.getElementById('a').value = newVal;
			document.getElementById('b').innerHTML = newVal;
		}
	});
	document.addEventListener('keyup',function(e){
		obj.hello = e.target.value;
		//target 事件屬性可返回事件的目標節點(獲得觸發事件的元素),如生成事件的元素、文件或視窗。
}) </script> </body> </html>