表單是Web開發中常用的交互方式之一，它允許用戶在頁面上輸入數據并將其提交到服務器端進行處理。在Vue中，我們可以輕松地創建表單，并將其與其它組件和狀態進行關聯。

Vue中的表單由單個表單控件或表單控件組合構成，其中最常用的是文本輸入框、單選框和復選框。這些表單控件通常都是stateful組件，也就是說它們保存應用程序狀態。而表單本身則應該是stateless組件，只負責渲染和提交表單數據。

當我們需要在表單中添加更多的控件時，我們就需要考慮使用表單數組。表單數組是由一組表單控件構成，每個控件都是相同類型的。例如，一個多選框數組可以包含多個復選框，每個復選框都對應一個值。這些值可以組成一個數組，并通過事件向父組件發送。

//表單數組示例
<template>
<div>
<div v-for="(option, index) in options" :key="index">
<input type="checkbox" :checked="isSelected(index)" @change="onOptionSelect(index)" />
{{ option }}
</div>
<p>Selected options: {{ selectedOptions }}</p>
</div>
</template>
<script>
export default {
data () {
return {
options: ['Option 1', 'Option 2', 'Option 3'],
selectedOptions: []
}
},
methods: {
onOptionSelect (index) {
if (this.isSelected(index)) {
this.selectedOptions.splice(this.selectedOptions.indexOf(index), 1)
} else {
this.selectedOptions.push(index)
}
},
isSelected (index) {
return this.selectedOptions.indexOf(index) !== -1
}
}
}
</script>

在上面的示例中，我們定義了一個多選框數組組件，這個組件由三個復選框和一個狀態變量selectedOptions組成。每個復選框都對應一個值，并且使用v-for指令動態生成。當用戶點擊復選框時，我們通過onOptionSelect方法更新selectedOptions數組，如果數組中已經存在該項，則從數組中移除該項；否則將該項添加到數組中。最后，我們使用isSelected方法檢查復選框是否處于選中狀態，如果選中，則為true，否則為false。

表單數組不僅可以包含復選框，還可以包含單選框、下拉框、文本輸入框等控件。使用表單數組可以極大地簡化表單的開發和提交過程，并且可以很輕松地與Vue的狀態管理機制進行集成。