Vue基础入门5

v-for循环

		
			
			{item}}
				{{item}}--{{index}} -->
				{{key+"-"+item+"-"+index}}
			
		
		
		
	

v-for使用key

		
			
				{{item}}
			
			没有key
		
		
		
	

v-for循环key原理

		
			
				{{item.name}}--
			
			++
		
		
		
		
	

v-model的基本使用

		
           {{msg}}
		   
		
		
		
	

v-model的使用原理

		
           {{msg}}
		   
		
		
		
	

v-model结合radio使用

		
			男
            
			女
			
			您的性别是：{{sex}}
		
		
		
	

v-model结合checkbox类型使用

		
			
				同意协议
			
			{agree}} -->
			下一步
		
		
		
	

v-model多选

		
			
			多选框
			篮球
			足球
			羽毛球
			排球
			您的爱好是：{{hobbies}}
		
		
		
	

v-model中多选值的绑定

		
			
			多选框
			
				{{item}}
			
			你的爱好是：{{hobbies}}
		
		
		
	

v-model结合select

		
			
			
				苹果
				香蕉
				西瓜
			
			你选择的水果是：{{fruit}}

			
			
				苹果
				香蕉
				西瓜
			
			你选择的水果是：{{fruits}}
		
		
		
	

v-model的修饰符

		
          {msg}} -->
		{age}}--{{typeof age}} -->