Vue中的checkbox組件是一個非常常用的控件，它用于讓用戶從一組可選項中選擇一個或多個選項。

在Vue中，當復選框的狀態發生變化時，會觸發一個事件。我們可以使用v-on指令來監聽這個事件，然后在事件處理函數中執行我們需要的操作。

<template>
<div>
<input type="checkbox" v-model="isChecked" v-on:change="handleChange">選項
</div>
</template>
<script>
export default {
data () {
return {
isChecked: false
}
},
methods: {
handleChange () {
console.log(this.isChecked)
}
}
}
</script>

在上面的代碼中，我們使用v-model指令來綁定isChecked變量和復選框的狀態，然后在change事件中，打印isChecked的值。

如果我們需要處理多個復選框的change事件，可以使用v-for指令來遍歷復選框列表，然后使用一個對象或數組來存儲每個復選框的狀態。

<template>
<div>
<div v-for="(item, index) in checkboxList" :key="index">
<input type="checkbox" v-model="item.isChecked" v-on:change="handleChange">{{item.label}}
</div>
</div>
</template>
<script>
export default {
data () {
return {
checkboxList: [
{ label: '選項1', isChecked: false },
{ label: '選項2', isChecked: false },
{ label: '選項3', isChecked: false }
]
}
},
methods: {
handleChange () {
console.log(this.checkboxList)
}
}
}
</script>

在上面的代碼中，我們使用v-for指令遍歷復選框列表，然后用一個對象來存儲每個復選框的狀態。在change事件中，我們打印這個對象。

通過上面的例子，我們已經學會了Vue中復選框的使用方法。希望本文能對大家有所幫助。