Vue.js 是一個流行的前端框架，使用它可以輕松構建動態交互式的 Web 應用程序。當我們使用后端框架如 Spring Boot 創建一個 REST API 時，我們經常返回一個 ModelAndView 以渲染相應的 HTML 頁面。在這篇文章中，我們將學習如何使用 Vue.js 獲取一個包含 ModelAndView 的響應。

首先，我們需要使用 axios 與我們的后端 REST API 進行通信。axios 是一個流行的 HTTP 客戶端，可以在 Vue.js 應用中方便地使用。讓我們打開 Vue.js 組件并添加 axios 的導入聲明：

import axios from 'axios';

現在我們可以使用 axios 進行服務器請求并獲得 ModelAndView。

axios.get('/some/url')
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});

這個請求應該返回一個包含 ModelAndView 的響應。可以在這個響應對象的數據屬性中訪問它。

axios.get('/some/url')
.then(response => {
const modelAndView = response.data;
console.log(modelAndView);
})
.catch(error => {
console.log(error);
});

現在，我們已經成功地獲取了 ModelAndView。我們可以根據需要使用其中的數據來填充我們的 Vue.js 應用。這是一個相當簡單的示例，但它演示了如何從 Vue.js 中獲取任何 REST API 響應。