Vue的http模塊讓上傳文件變得非常容易。在Vue中，通過使用http.post方法發送一個formData格式的請求，可以輕松上傳文件。下面是一個上傳文件的示例：

new Vue({
el: '#app',
data: {
file: null
},
methods: {
uploadFile() {
let formData = new FormData();
formData.append('file', this.file);
this.$http.post('/upload', formData).then(response =>{
console.log(response);
});
}
}
});

這個Vue實例有一個file變量，它保存用戶選擇的文件。在uploadFile方法中，將文件添加到formData對象中，并使用http.post方法將formData發送到服務器。由于formData的內容類型為multipart/form-data，可以將文件和其他表單數據一并上傳。

formData對象可以被用于構建各種不同的表單數據，而不僅僅是文件。例如，可以使用formData來上傳一個包含多個文件的表單：

new Vue({
el: '#app',
data: {
files: null
},
methods: {
uploadFiles() {
let formData = new FormData();
Array.from(this.files).forEach(file =>{
formData.append('files[]', file);
});
this.$http.post('/upload', formData).then(response =>{
console.log(response);
});
}
}
});

在這個示例中，files變量是一個FileList對象，它包含了多個文件。使用Array.from方法將它們轉化成一個數組，然后遍歷數組將每個文件添加到formData對象中。最后，發送formData給服務器。

可以使用Axios庫來上傳文件，Axios是一個基于Promise的HTTP客戶端。Axios可以很容易地上傳文件，因為它默認使用了formData。下面是一個使用Axios上傳文件的示例：

import Axios from 'axios';
new Vue({
el: '#app',
data: {
file: null
},
methods: {
uploadFile() {
let formData = new FormData();
formData.append('file', this.file);
Axios.post('/upload', formData).then(response =>{
console.log(response);
});
}
}
});

這個Vue實例和之前的示例非常相似，但它使用了Axios庫來發送請求。Axios.post方法接受一個URL和一個formData對象，這個對象中包含我們要上傳的文件。Axios默認將請求內容類型設置為multipart/form-data。

總結一下：Vue中上傳文件非常容易。使用formData對象，可以輕松地上傳單個文件或多個文件。Vue的http模塊可以發送formData請求，而Axios庫默認使用formData來發送請求。無論是使用Vue還是Axios，都可以快速地上傳文件。