【Vue.js】010-表单输入绑定

一、基础用法

1、概述（官方）

2、代码演示

	
		
		
		
	
	
		

			
			
			
Message is: {{ message }}
			

			
			
			

			Multiline message is:
			
{{ message }}
			

			
			
			{{ checked }}
			

			
			
			Jack
			
			John
			
			Mike
			

			Checked names: {{ checkedNames }}
			

			
			
			One
			

			
			Two
			

			Picked: {{ picked }}
			

			
			
				请选择
				A
				B
				C
			
			Selected: {{ selected }}
			

			
			
				A
				B
				C
			
			

			Selected: {{ selected1 }}
			

			
			
				
					{{ option.text }}
				
			
			Selected: {{ selected2 }}
		
		
	

 

3、运行结果

 

二、值绑定

1、概述（官方）

 

2、复选框（官方）

 

3、单选按钮

 

4、选择框的选项

 

三、修饰符

 

四、再组件上使用v-model