在Vue中使用Axios進行前后端交互是非常常見的做法。有時，我們需要在請求進行時顯示“加載中”的狀態，以便讓用戶知道當前操作還在執行。那么，如何在Vue中使用Axios顯示Loading狀態呢？

首先，我們需要在Vue中安裝Axios：

npm install axios --save

接下來，我們可以在Vue組件的methods中書寫我們的Ajax請求，并配合Vue的生命周期函數，在請求進行的時候顯示Loading狀態，請求完成時隱藏Loading狀態即可。

data() {
return {
loading: false,
dataList: []
}
},
methods: {
getData() {
this.loading = true   //顯示Loading狀態
axios.get('/api/data').then(res =>{
//請求完成后執行
this.loading = false   //隱藏Loading狀態
this.dataList = res.data
}).catch(error =>{
console.log(error)
})
}
}

上述代碼中，我們使用data來存儲組件中的狀態，包括loading（顯示Loading狀態）和dataList（請求結果）。在methods中，我們定義了獲取數據的方法getData，當請求數據時，將loading狀態設置為true，并發起Ajax請求。請求完成后，將loading狀態設置為false，并將數據存儲在dataList中。

最后，在Vue組件中，我們可以使用v-if或v-show指令來實現Loading狀態的顯示與隱藏。

上述代碼中，我們在組件模板中，使用v-if指令判斷loading狀態，如果loading為true，則顯示“加載中...”文本，否則顯示數據。通過這種方式，可以輕松地實現Vue中的Loading狀態顯示與隱藏。