Ant Design是React框架下的組件庫，Vue版本的Ant Design叫做Ant Design Vue。Ant Design Vue 提供了一個非常實用的上傳組件Ant Vue Upload。該組件既可以用于文件上傳，也可以用于圖片上傳。

Ant Vue Upload組件提供了以下幾個常用的props：

// 是否展示上傳列表
showUploadList: {
type: Boolean,
default: true
},
// 上傳的文件類別，詳見文件類型
accept: {
type: String
},
// 是否支持多選文件
multiple: {
type: Boolean,
default: false
},
// 上傳文件之前的鉤子函數
beforeUpload: {
type: Function
},
// 上傳成功的回調函數
onSuccess: {
type: Function
},
// 上傳失敗的回調函數
onError: {
type: Function
}

使用Ant Vue Upload組件非常簡單。在模板中使用組件，并將需要的props傳遞給組件即可。以下是一個簡單的例子：

<template>
<div>
<ant-upload
:show-upload-list="false"
:multiple="true"
accept="image/*"
:before-upload="beforeUpload"
:on-success="onSuccess"
:on-error="onError">
<template slot="default">
<button>選擇圖片</button>
</template>
</ant-upload>
</div>
</template>

注意，這里的ant-upload標簽必須放在Vue的組件中。在data中定義 beforeUpload、onSuccess、onError三個函數即可使用它們。

Ant Vue Upload組件處理上傳文件時，可以通過beforeUpload鉤子函數進行文件類型和大小的限制。onSuccess和onError函數分別在上傳成功和上傳失敗后進行相應的操作。通過以上方法，我們可以很方便地實現上傳文件或圖片的功能。