前端的MVVM概念今年来也算是如火如荼，了解完 MVVM的概念,也该找个去尝试下
首先我先试了下 国内小而美的 VUE

• 试着照着文档敲出入门文件,内容都在注释里

	
	



	
	

		
基础插值
		
		
{{message}} 
		
		
{{* message}} 
		
		
{{{message}}}
		
		
		
	
	
	
	

		
列表渲染
		

			
			
			

				
{{item.title}}
				
{{item.content}}
				
				

					{{$key}} : {{value}}
				
			
		
		
		{{n + 1}}
	
	
	

		
按钮事件绑定
		{{message}}

		

		
		
		点击 alert
		
		更改内容

	
	
	

		
v-show与v-if 以及class切换
		
		
		按钮切换
		
		
		

			

				v-show 与 v-if 还是有区别的;
				当 OK为 false 时,
			
			

				v-show 仅仅是将其隐藏;如果频繁切换,可采用v-show.不会进行大量的DOM操作
			
			

				而 v-if 是直接移除该 dom,如果操作很少, v-if 可更好	
			
			
		
		
	
		
	
	

		
表单绑定
		
		
		

		
		LiLei
		
		HanMei
		
		Lucy
		ONE
		TWO
		
			1
			
		
		

			

				message:{{message}};
			
			

				checkbox:{{checked}};
			
			

				选中的名字有{{names}}
			
			

				单选被选中的值为:{{radio}}
			
			

				select 选中的值为:{{select}}
			
		
	
	

		
动画
		
		DIV1 框架消失
		
		

		

	

• 了解完基础用法,开始做个 todo 页面

	
	


	
待办事项
	

		
		

			共有 {{items.length}} 条代办事项
			全部事项
			未完成
			已完成事项