修改Index.html

wangjiachen · wangjiachen · commit 5a0983ed9b7e · 2018-11-05T10:17:19.000+08:00
diff --git a/index.html b/index.html
@@ -7,6 +7,8 @@
 <body>
 	<h1 id="name"></h1>
 	<input type="text">
+	<input type="button" value="改变data内容" onclick="changeInput()">
+	
 <script src="observer.js"></script>
 <script src="watcher.js"></script>
 <script>
@@ -22,14 +24,20 @@ <h1 id="name"></h1>
 
 	var ele = document.querySelector('#name');
 	var input = document.querySelector('input');
-
+	
     var myVue = new myVue({
-        name: 'hello world'
-    }, ele, 'name');
+		name: 'hello world'
+	}, ele, 'name');
  	
+	//改变输入框内容
     input.oninput = function (e) {
     	myVue.data.name = e.target.value
     }
+	//改变data内容
+	function changeInput(){
+		myVue.data.name = "难凉热血"
+	
+	}
 </script>
 </body>
 </html>
