很多網站都需要用戶提交數據，這就需要前端開發人員搭建一個表單，以便用戶填寫信息。表單中有很多input元素，例如文本框、單選框、復選框等。在表單提交之前，開發人員需要收集所有input中填寫的內容，并將數據提交給服務器。

Vue是一個流行的JavaScript框架，使用Vue可以很方便地處理表單提交的數據。Vue提供了v-model指令，可以在表單元素上使用。v-model指令將input元素和Vue實例的數據綁定在一起，這意味著用戶在填寫表單時，Vue會自動同步數據。這樣，開發人員就不需要手動處理表單數據了，Vue會自動收集所有input的數據。

在上面的代碼中，我們定義了一個表單，并將它綁定到Vue實例的formData對象上。formData包含了兩個屬性：username和email，這對應了表單中的兩個input元素。v-model指令將數據綁定到input元素上，并且在用戶輸入時自動更新Vue實例。當用戶點擊提交按鈕時，handleSubmit方法會被調用，此時可以直接打印formData對象，其中包含了所有input元素的數據。

可以看到，使用Vue可以很方便地處理表單數據。它允許我們將表單中的input元素和Vue實例的數據綁定在一起，自動收集所有input的數據，并在表單提交時發送給服務器。這大大簡化了表單處理的過程，減少了開發人員的工作量。