v-model 其实是 vue 给你提供的一种简化表单元素操作的语法糖
**本质上做了两件事 **
- 动态设置表单元素的值  
```jsx
<input type="checkbox" class="custom-control-input" :id="'switch' + item.id" :checked="item.state" @change="changeState(item, $event)">
```

- 监听对应的事件, 表单元素值变化时, 更新到绑定的变量中
```jsx
changeState (item, e) {
  item.state = e.target.checked
}
```

v-model 其实是 vue 给你提供的一种简化表单元素操作的语法糖
**本质上做了两件事 **
- 动态设置表单元素的值  
```jsx
<input type="checkbox" class="custom-control-input" :id="'switch' + item.id" :checked="item.state" @change="changeState(item, $event)">
```

- 监听对应的事件, 表单元素值变化时, 更新到绑定的变量中
```jsx
changeState (item, e) {
  item.state = e.target.checked
}
```