每個網站都需要加載組件和數據，為防止用戶體驗受到影響，頁面需要顯示等待的loading狀態，以提示用戶某些組件或數據正在加載中。網站開發中常用的前端框架之一為Vue，但是在某些情況下，Vue無法正確顯示loading狀態。

這可能是因為Vue組建被重新渲染導致的。Vue默認會保留當前所有的DOM元素，以便使用虛擬DOM來檢測和更新變化，但對于隱藏元素，由于其被標記為不必要的元素，被清除或丟失，即便值已經改變，也不會更新狀態，從而無法正確顯示loading信息。

在上述代碼中，我們嘗試獲取數據，當點擊按鈕時，數據正在加載中，此時loading狀態應該會顯示，但是我們會發現loading信息從未顯示過，即使我們的數據已經準備好展示了。

要解決這個問題，我們可以使用Vue提供的切換樣式的api。通過添加一個CSS類，我們可以使元素重新加載以顯示最新狀態。

在上述代碼中，我們通過為元素添加一個名為show-loading的class，來隱藏loading信息，同時通過添加一個名為show-data的class，來顯示數據。這樣做就可以解決Vue無法正確顯示loading狀態的問題，提高用戶體驗。