使用多選按鈕是Web開發中非常常見的操作。在Vue中，我們可以使用v-model指令和多個復選框組合使用來實現多選按鈕。

<template>
<div>
<label><input type="checkbox" v-model="checkedItems" :value="1" />選項1</label>
<label><input type="checkbox" v-model="checkedItems" :value="2" />選項2</label>
<label><input type="checkbox" v-model="checkedItems" :value="3" />選項3</label>
<label><input type="checkbox" v-model="checkedItems" :value="4" />選項4</label>
</div>
</template>
<script>
export default {
data() {
return {
checkedItems: []
}
}
}
</script>

在上述代碼中，我們使用v-model指令將checkedItems數組綁定到多個復選框的選中狀態。使用:value綁定每個復選框的值，可以使用任何合法的JavaScript表達式。在data中初始化checkedItems為空數組。

接下來，我們需要處理選中的選項。可以通過監聽checkedItems數組的變化來實現：

<template>
<div>
<label><input type="checkbox" v-model="checkedItems" :value="1" />選項1</label>
<label><input type="checkbox" v-model="checkedItems" :value="2" />選項2</label>
<label><input type="checkbox" v-model="checkedItems" :value="3" />選項3</label>
<label><input type="checkbox" v-model="checkedItems" :value="4" />選項4</label>
<p>已選擇的選項：{{selectedItems}}</p>
</div>
</template>
<script>
export default {
data() {
return {
checkedItems: []
}
},
computed: {
selectedItems() {
return this.checkedItems.join(', ')
}
}
}
</script>

通過computed屬性的selectedItems方法，我們可以將checkedItems數組遍歷并以字符串形式展示出來。例如，選中了選項1和選項3，則顯示為“1, 3”。

如果我們需要預先選中某些選項，可以在data中初始化checkedItems數組。例如，我們需要選中選項2和選項4：

<script>
export default {
data() {
return {
checkedItems: [2, 4]
}
},
computed: {
selectedItems() {
return this.checkedItems.join(', ')
}
}
}
</script>

以上即是使用Vue實現多選按鈕的基本方法。需要注意的是，如果需要改變選項的值或添加新的選項，需要同時更改:value和checkedItems。