Vue2.5中的復選框（checkbox）主要分為兩種：綁定數組和綁定布爾值。

綁定數組：

<template>
<div>
<label for="apple">
<input type="checkbox" id="apple" value="apple" v-model="checkedFruits">
蘋果
</label>
<label for="banana">
<input type="checkbox" id="banana" value="banana" v-model="checkedFruits">
香蕉
</label>
<label for="orange">
<input type="checkbox" id="orange" value="orange" v-model="checkedFruits">
橘子
</label>
</div>
</template>
<script>
export default {
data() {
return {
checkedFruits: []
}
}
}
</script>

綁定布爾值：

<template>
<div>
<label>
<input type="checkbox" v-model="isChecked">
是否選中？
</label>
</div>
</template>
<script>
export default {
data() {
return {
isChecked: false
}
}
}
</script>

在綁定數組的情況下，勾選的復選框的value值會被push進數組，取消勾選則會被從數組中刪除。而在綁定布爾值的情況下，勾選則為true，取消勾選則為false。