要搞一些前端，选择了当下比较火的js框架vue js，现学现卖，看个例子

	

		

			

				

					欢迎啊！
				
				

					
{{ message }}
					
				
			
		
	

作用范围定在id为app的div中，声明message的值，在html中可以用 {{ }} 的形式进行输出，下面的输入框使用 v-model与message进行绑定，也就是一个变另一个跟着变，我这里样式用的Bootstrap，哈哈~

再来个事件的，显示列表，向列表中添加删除元素~

	

		

			

				

					欢迎啊！
				
				

					
MY todos
					

						

							{{ todo.title }}
							删除
						
					
					

						

							
						
						

							添加
						
					
				
			
		
	

使用 v-for 将 todos 这个数组中的元素循环出来，使用 v-on:submit.prevent 截断form表单的提交，并将表单提交给自己的方法进行处理，而button的 v-on:click 方法是将点击事件用自己的方法处理，这里就完成一个小功能了~