并發(fā)分片上傳是一種常用的文件上傳方式，它可以將一個(gè)大文件分割成多個(gè)小文件進(jìn)行上傳，以避免網(wǎng)絡(luò)中斷、速度慢等問題影響上傳效率。而在Vue中，可以通過調(diào)用第三方庫實(shí)現(xiàn)并發(fā)分片上傳功能。

其中，我們常用的是一個(gè)名為Vue2-multi-uploader的庫。它提供了一整套的分片上傳流程，可以完美地滿足我們的需求。下面我們就來詳細(xì)了解一下這個(gè)庫的使用方法。

首先，我們需要安裝這個(gè)庫?？梢允褂胣pm install vue2-multi-uploader命令來進(jìn)行安裝。之后，在Vue組件中引入上傳器即可。在Vue實(shí)例中的import語句中添加：

import MultiUploader from 'vue2-multi-uploader';

在template部分，我們需要定義上傳器的一些屬性。例如要上傳的文件，上傳的地址，上傳過程中的回調(diào)等等。如下所示：

其中，files為我們要上傳的文件列表，upload-url為上傳地址，concurrency為并發(fā)上傳的數(shù)量，maxRetryCount為最大重試次數(shù)。before-upload、uploading、uploaded、retry則為不同狀態(tài)下的回調(diào)，可以定義我們?cè)诓煌瑺顟B(tài)下要執(zhí)行的動(dòng)作，例如在上傳之前顯示loading等等。

接著，我們需要在Vue實(shí)例中添加一些函數(shù)，來對(duì)上傳過程進(jìn)行控制。如下所示：

methods: {
beforeUpload(file) {
// 在上傳之前的處理，例如驗(yàn)證文件格式等等
},
uploading(file, progress) {
// 上傳中，progress為上傳進(jìn)度
},
uploaded(file) {
// 上傳成功
},
retry(file, retryCount) {
// 上傳失敗重試
}
}

除此之外，我們還可以根據(jù)需要添加一些其他的屬性，例如自定義上傳組件的樣式，自定義上傳組件的名字等等。例如，我們可以通過以下代碼來自定義上傳組件樣式：

其中，upload-component-name為自定義上傳組件的名字，upload-button-content為自定義上傳按鈕文本，upload-button-class為自定義上傳按鈕類名，upload-input-class為自定義上傳按鈕容器的類名。

總的來說，通過調(diào)用Vue2-multi-uploader庫，我們可以輕松地實(shí)現(xiàn)并發(fā)分片上傳功能，提高上傳效率，并使代碼更加簡潔、易讀。