fetch是JavaScript提供的一種簡單方便的網絡請求方法，它可以發送請求并且接受數據，早期主要用于獲取JSON數據和文本文件，但是現在fetch已經升級到可以支持使用FormData對象上傳文件了，而VueJS是一種流行的前端框架，它提供了許多便捷的方法，可以一起使用fetch來上傳文件。

在VueJS中，我們可以使用Vue-resource、Axios等工具類庫來幫助我們方便地使用fetch來上傳文件。這些類庫封裝了fetch方法，極大地方便了我們使用fetch。不過，如果我們想要手動使用fetch上傳文件，我們需要為fetch提供一些必要的參數。

首先，我們需要選擇合適的HTTP方法，對于上傳文件，我們常用的方法是POST和PUT。接下來，我們需要構建請求的URL，用于向服務端發送請求。同時，我們需要創建FormData對象，FormData對象用來保存我們要上傳的文件數據。

let formData = new FormData();
formData.append('file', file); // file為我們要上傳的文件
fetch('http://example.com/upload', {
method: 'POST',
body: formData
}).then(response =>{
console.log('上傳成功！');
}).catch(error =>{
console.error('上傳失敗：', error);
});

在上面的代碼中，我們使用FormData對象來保存我們要上傳的文件數據，并且指定上傳方法為POST，并且將FormData對象作為請求的body，傳遞給fetch方法。如果上傳成功，控制臺會輸出“上傳成功！”，如果上傳失敗，則會輸出“上傳失敗：”和錯誤信息。上述代碼中，我們將上傳的文件名指定為“file”，在接收文件的服務端代碼中，需要根據其屬性名來獲取請求中的文件內容。

除了上傳文件，還有一些其他的參數需要我們注意。例如，如果我們要發送其他數據給服務端，可以使用FormData對象的append方法添加附加數據。而Content-Type和Content-Length這些首部信息也需要我們設置好，確保服務器能夠正確解析請求。

FormData.append('paramA', '123');
FormData.append('paramB', '456');
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'multipart/form-data',
'Content-Length': formData.length
},
body: formData
}).then(response =>{
console.log(response);
}).catch(error =>{
console.error(error);
});

在上面的代碼中，我們使用FormData對象添加了兩個參數，“paramA”和“paramB”，這些數據會被一并發送給服務端。同時，我們還設置了Content-Type和Content-Length屬性，確保請求正確發送到服務器。在fetch方法返回的Promise里，我們可以使用response對象獲取服務器端的響應內容。

總之，VueJS和fetch的結合可以極大地方便我們上傳文件，同時，上述代碼也展示了fetch的強大之處，我們可以極度自定義地設置我們的HTTP請求，從而更好地滿足我們的需求。但是，使用fetch也需要格外小心，避免發生安全或者性能問題。考慮到兼容性的問題，還需要注意瀏覽器是否支持fetch方法。