vue基础（v-model与复选框）

vue基础（v-model与复选框）

一、复选框单独使用

复选框也分单独使用和组合使用，不过，与单选按钮不同，复选框单独使用时，也是用v-model来绑定一个布尔值，例如：

<div id="app13">
			<input type="checkbox" v-model="checked" id="ch" />
			<label for="ch">复选框的状态{
  {checked}}</label>
		</div>
		<script type="text/javascript">
			var app12 = new Vue({
    
				el:'#app13',
				data:{
    
					checked:true  //这里的v-model对应布尔值
					//checked:'' 这里的v-model对应字符串
				}
			})
		</script>

二、复选框组合使用

复选框组合使用时，也是v-model与value一起，多个勾选都绑定到同一数组类型的数据，value的值在数组当中，就会选中这一项。这一过程是双向的，在勾选时，value的值也会自动push到这个数组中，示例代码如下：

<div