不定項表單是指用戶在填寫表單時，可以選擇多個選項，而不是只能選擇一個選項。在Vue中，我們可以通過使用簡單的for循環來創建這樣的表單。下面，我們來看一下如何使用Vue實現不定項表單。

首先，我們需要創建一個包含選項的數組。在Vue中，我們可以使用data屬性來定義數據。我們可以定義一個名為options的數組，其中包含我們希望在表單中顯示的選項。例如，我們可以定義以下數組：

data: {
options: [
{ text: '選項1', value: '1' },
{ text: '選項2', value: '2' },
{ text: '選項3', value: '3' },
{ text: '選項4', value: '4' }
],
selectedOptions: []
}

上面的代碼中，我們定義了一個名為selectedOptions的空數組。這個數組將用來存儲用戶選擇的選項。

接下來，我們可以使用v-for指令來循環遍歷數組中的選項，并將它們渲染成一個復選框。例如：

<div v-for="option in options" :key="option.value">
<label>
<input type="checkbox" :value="option.value" v-model="selectedOptions">
{{ option.text }}
</label>
</div>

上面的代碼中，我們首先使用v-for指令遍歷options數組中的選項。然后，我們使用input元素來創建復選框。注意，我們使用v-model指令將selectedOptions數組綁定到復選框的值上。這意味著，當用戶選擇復選框時，selectedOptions數組中會添加或刪除相應的值。

最后，我們可以添加一個提交按鈕，讓用戶將選中的選項提交給服務器。例如：

<button @click="submit">提交</button>

上面的代碼中，我們使用@click指令來監聽按鈕的點擊事件。當用戶點擊按鈕時，submit方法會被調用。我們將在下一段中介紹submit方法的具體實現。

現在，我們已經完成了不定項表單的渲染。但是，我們還需要實現一個submit方法，以便在用戶提交表單時處理選中的選項。例如：

methods: {
submit: function() {
// 處理選中的選項
console.log(this.selectedOptions);
}
}

上面的代碼中，我們定義了一個名為submit的方法。此方法在用戶單擊提交按鈕時被調用。我們可以在此方法中訪問selectedOptions數組，并在控制臺中打印它。在真實應用中，我們可以將這些值發送給服務器。

最后，我們需要考慮一些額外的細節。例如，我們可以添加一個“全選”復選框，讓用戶可以一次選擇所有的選項。我們還可以添加驗證邏輯，防止用戶提交空表單或重復選擇選項。但是，以上這些細節不在本文的討論范圍之內。