formData 和 json 是在前端開發過程中常用的兩種數據格式。其中 formData 是一種將表單數據格式化的方式，而 json 是一種常用于在前后端之間傳輸和儲存數據的文本格式。在 Vue 中，我們可以使用 formData 或 json 傳遞數據。接下來，我們將介紹如何在 Vue 中使用 formData 和 json。

使用 formData

使用 formData 可以方便地將表單數據傳遞給后端服務器。為了使用 formData，我們需要使用 JavaScript 中的 FormData 類。以下是一個示例：

// 創建一個 formData 對象
let formData = new FormData();
// 添加一個 key 為 name，value 為 zhangsan 的數據
formData.append('name', 'zhangsan');
// 添加一個 key 為 age，value 為 18 的數據
formData.append('age', 18);
// 使用 fetch 發送 formData 數據
fetch('/api/user', {
method: 'POST',
body: formData
})
.then(res =>res.json())
.then(data =>console.log(data))

使用 json

使用 json 可以方便地傳輸和儲存數據。在 Vue 中，我們可以使用 JavaScript 的 JSON 對象將對象轉換為 json 數據。以下是示例代碼：

// 創建一個包含數據的對象
let obj = {
name: 'zhangsan',
age: 18
}
// 將對象轉換為 json 數據
let jsonData = JSON.stringify(obj);
// 使用 fetch 發送 json 數據
fetch('/api/user', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: jsonData
})
.then(res =>res.json())
.then(data =>console.log(data))

上面的代碼中，我們使用了 fetch 發送數據。我們可以使用類似的方式發送數據到服務器，也可以使用其他方式，如 Axios 或 XMLHttpRequest。