Vue表单控件绑定

Question

初学Vue，跟着官网教程走，看到表单控件绑定一节，有个疑问
<input type="checkbox" id="checkbox" value="123" v-model="checked">
<label for="checkbox">{{ checked }}</label>
这个里面的checked绑定的是true或者false；
<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
<label for="jack">Jack</label>
<span>Checked names: {{ checkedNames }}</span>
这一段checkedNames绑定的是value，我想问一下为什么呢？如果我希望第一段绑定value,那么我应该怎么做呢？
希望有大神解答我的问题，谢谢！

Answer 1

在input checkbox中v-model绑定的变量的初始值是数组那么变量响应的就是checkbox的value了。