处理用户输入

wanbaozhao · wanbaozhao · commit 28f6c58898c6 · 2016-01-31T13:33:54.000+08:00
diff --git a/qibu-1/demo-1-04.html b/qibu-1/demo-1-04.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>处理用户输入</title>
+		<script src="../js/vue.js"></script>
+	</head>
+	<body>
+		<div id="app">
+			<p>{{message}}</p>
+			<button v-on:click="reverseMessage">Reverse Message</button>
+		</div>
+	</body>
+	<script>
+		new Vue({
+			el:'#app',
+			data:{
+				message:'hello vue.js'	
+			},
+			methods:{
+				reverseMessage:function(){
+					this.message = this.message.split('').reverse().join('');
+				}
+			}
+		})
+	</script>
+</html>
