Vue el upload action是Vue框架中一個用于文件上傳的組件，它能夠輕松進行文件上傳的操作。這個組件的主要作用是給用戶提供一個上傳文件的操作界面，用戶可以通過這個組件將文件上傳到服務器，然后服務器進行相應的處理。Vue el upload action使用起來非常方便，只需要在Vue組件中引用它即可。

首先，我們需要安裝Vue el upload action組件，可以使用npm進行安裝：npm install el-upload -S 。然后，在Vue組件中引入這個組件：

import { Upload } from 'element-ui';
Vue.use(Upload);

上面的代碼中，我們使用了element-ui的Upload組件，這個組件是Vue el upload action組件所基于的。

接下來，我們需要在Vue模板中使用這個組件，這個組件有很多屬性可以設置，比如action屬性、headers屬性等等。其中，action屬性是必須要設置的，它指定了文件上傳的目標URL。代碼如下：

<template>
<el-upload
action="http://localhost:3000/upload"
:headers="{ Authorization: 'Bearer ' + token }"
multiple
:on-success="handleSuccess">
<el-button size="small" type="primary">上傳文件</el-button>
</el-upload>
</template>

上面的代碼中，我們通過el-upload組件定義了一個文件上傳的組件。在定義的時候，我們指定了action屬性，這個屬性表示文件上傳的目標URL，在這個例子中指定為http://localhost:3000/upload。另外，我們也指定了headers屬性，它用于設置請求頭。我們還用multiple屬性指定可以同時上傳多個文件。最后，我們使用了on-success屬性，表示文件上傳成功后的回調函數。

關于文件上傳成功后的回調函數，我們需要在Vue實例中定義這個方法：

export default {
data() {
return {
token: localStorage.getItem('token')
};
},
methods: {
handleSuccess(res, file) {
console.log(res, file);
}
}
};

上面的代碼中，我們使用handleSuccess方法處理文件上傳成功后的回調。這個方法首先打印出上傳成功后的返回值和上傳的文件名。

總的來說，Vue el upload action是一個非常方便的文件上傳組件，它提供了豐富的屬性和回調，可以滿足不同的上傳需求。我們只需要在Vue模板中引用它即可，非常方便。