在前端開發中，我們不僅需要處理文本、布局、樣式等內容，還需要處理圖片等媒體文件。在Vue中，我們可以通過調用接口來獲取、上傳、展示圖片。

在Vue中，我們通常會使用Axios或Fetch等插件進行接口調用。首先需要在Vue組件中引入Axios：

import axios from 'axios'

接著，我們可以編寫一個獲取圖片的接口：

axios.get('/api/getImage')
 .then((response) => {
// 處理返回的數據
 })
 .catch((error) => {
// 處理錯誤
 })

如果我們需要上傳圖片，可以使用FormData對象來實現。我們需要先創建一個表單：

<form @submit="uploadImage">
<input type="file" ref="fileInput" />
<button type="submit">上傳</button>
</form>

然后在Vue組件中編寫上傳接口：

uploadImage() {
const formData = new FormData()
formData.append('image', this.$refs.fileInput.files[0])
axios.post('/api/uploadImage', formData)
.then((response) => {
// 處理返回的數據
})
.catch((error) => {
// 處理錯誤
})
}

最后，我們需要在Vue組件中展示圖片。可以使用Vue中的img標簽，把圖片的url綁定到src屬性上：

<img :src="imageUrl" />

我們可以在Vue組件的created生命周期鉤子中，調用接口獲取圖片的url：

created() {
axios.get('/api/getImageUrl')
.then((response) => {
this.imageUrl = response.data.imageUrl
})
.catch((error) => {
// 處理錯誤
})
}

以上就是在Vue中調用接口，獲取、上傳、展示圖片的方法。當然，在實際應用中，還需要考慮圖片的壓縮、剪裁、懶加載等問題。但是，以上方法提供了一個基本的框架，可以幫助我們處理圖片相關的問題。