综合

wanbaozhao · wanbaozhao · commit 4f59cc73dfba · 2016-01-31T23:21:02.000+08:00
diff --git a/qibu-1/demo-1-05.html b/qibu-1/demo-1-05.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>综合</title>
+		<script src="../js/vue.js"></script>
+	</head>
+	<body>
+		<div id="app">
+			<input v-model="newTodo" v-on:keyup.enter="addTodo"/>
+			<ul>
+				<li v-for="todo in todos">
+					<span>{{ todo.text }}</span>
+					<button v-on:click="removeTodo($index)">X</button>
+				</li>
+			</ul>
+		</div>
+	</body>
+	<script>
+		new Vue({
+			el:'#app',
+			data:{
+				newTodo:'',
+				todos:[
+					{ text:'Add Some Todo'}
+				]
+			},
+			methods:{
+				addTodo:function(){
+					var text = this.newTodo.trim();
+					if(text){
+						this.todos.push({text:text});
+						this.newTodo = '';
+					}
+				},
+				removeTodo:function(index){
+					this.todos.splice(index,1);
+				}
+			}
+		})
+	</script>
+</html>
