ElementUI是一個齊全的Web組件庫，其中的多選框組件可以對多項進行選擇和反選。本文將介紹如何使用Vue Element多選框組件，并提供示例代碼。

首先，我們需要安裝ElementUI依賴庫，命令如下：

npm i element-ui -S

創建一個Vue組件，引入ElementUI庫：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
export default {
name: 'MyComponent',
data() {
return {
options: [
{ name: '選項1', value: 1 },
{ name: '選項2', value: 2 },
{ name: '選項3', value: 3 },
{ name: '選項4', value: 4 }
],
selectedOptions: []
}
},
methods: {
onChange(selectedOptions) {
this.selectedOptions = selectedOptions
}
}
}

在組件模板中，可以使用el-checkbox-group組件和v-for指令來渲染多選框：

上述代碼中，options數組是多選框的選項數組，每個選項包含一個名稱和值。selectedOptions數組是選中的選項數組，它的值是選項值的數組。當用戶選中或取消一個選項時，會觸發onChange方法，用來更新選中的選項數組。

最后，我們將該組件引入到Vue應用中：

import Vue from 'vue'
import MyComponent from './MyComponent.vue'
new Vue({
el: '#app',
components: { MyComponent },
template: '
'
})

到此為止，我們已經成功創建了一個Vue Element多選框組件。用戶可以根據自己的需求在選項數組和樣式等方面進行修改，實現自定義多選框功能。