Vue.js是當今流行的JavaScript前端框架之一，它可以幫助開發者構建高效的、交互豐富的用戶界面。

在Vue.js中，我們通常使用Form表單來收集用戶的輸入數據。但有時候，我們需要通過Ajax請求提交表單數據到服務器端。如果我們直接使用傳統的方式將表單數據打包成JSON傳遞給服務器，那么我們需要在Vue.js中進行大量的手動拼接和轉換。這時，FormData就派上用場了。

FormData是一個內置的JavaScript對象，它可以通過HTMLFormElement對象收集表單數據，并將其編碼成多部分/表單數據格式（multipart/form-data）。通過多部分表單數據格式，我們可以方便地上傳二進制文件（例如圖片、音頻、視頻等），而不需要手動對文件進行編碼或者使用額外的文件上傳插件。

//創建FormData對象
var formData = new FormData(document.getElementById("myForm"));
//向formData中添加數據
formData.append("username", "John");
formData.append("password", "Doe");
//發送Ajax請求
axios.post('/api/user', formData)
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

上面的代碼展示了如何使用Vue.js和Axios發送帶有FormData的Ajax請求。首先，我們創建一個FormData對象，并且將表單數據添加進去。然后，我們使用Axios發送POST請求，并將FormData對象作為請求體傳遞給服務器。在服務器端，我們可以通過解析multipart/form-data來獲取表單數據或者文件。

總的來說，使用FormData能夠讓我們更方便地收集和上傳表單數據。除了上述方法，我們也可以使用XMLHttpRequest來發送帶有FormData的Ajax請求。