Vue checkbox組是一種非常方便的組件，可以快速地實現表單中的多選功能。在vue中，可以使用v-model指令來綁定數據和Checkbox組件進行交互。

下面是一個簡單的示例代碼：

<template>
<div>
<input type="checkbox" id="apple" value="apple" v-model="checkedFruits">
<label for="apple">Apple</label><br>
<input type="checkbox" id="orange" value="orange" v-model="checkedFruits">
<label for="orange">Orange</label><br>
<input type="checkbox" id="banana" value="banana" v-model="checkedFruits">
<label for="banana">Banana</label><br>
<input type="checkbox" id="watermelon" value="watermelon" v-model="checkedFruits">
<label for="watermelon">Watermelon</label><br>
</div>
</template>
<script>
export default {
data() {
return {
checkedFruits: []
}
}
}
</script>

在這個示例中，我們首先定義了一個數據屬性checkedFruits來存儲用戶選中的值。然后，我們在每個checkbox上使用v-model指令來綁定checkedFruits數組，并設置value屬性為對應的水果名稱。

當用戶選擇水果時，checkedFruits數組會自動更新，并且選中的水果在數組中的索引位置會被添加。我們可以在組件中使用checkedFruits數組來處理選中的數據。