在實際的開發中，我們經常需要調用 API 來獲取數據，Vue 是一款非常流行的前端框架，Vue 也提供了非常便捷的方法來調用 API，本文將介紹 Vue 怎樣調用 API。

首先，我們需要先安裝 Axios，Axios 是一個基于 Promise 的 HTTP 庫，可以用于瀏覽器和 Node.js 環境。在 Vue 項目中，用來調用 API 最常用的就是 Axios。

// 安裝 Axios
npm install axios --save

安裝完成 Axios 后，我們就可以在 Vue 組件中引入 Axios。通常來說，我們會在單獨的 js 文件當中定義一些 API。下面是一個簡單的 API 示例。

import axios from 'axios';
const api = axios.create({
baseURL: 'https://api.example.com',
});
export default {
async fetchData() {
const response = await api.get('/data');
return response.data;
},
};

上面代碼的意思是，創建一個名為 api 的對象，指定 baseURL 為 https://api.example.com。我們對外暴露了一個 fetchData 方法，它會調用 API ，并返回獲取到的數據。

接著，我們就可以在 Vue 組件中使用該 API。假設你定義了一個名為 Example 的組件，下面是 Example 組件中如何使用 API 的示例代碼。

import ExampleAPi from '@/api/example';
export default {
async created() {
const data = await ExampleAPI.fetchData();
console.log(data);
},
};

上面代碼中，我們引入了 ExampleAPI 文件，并在 created 鉤子函數中調用了 fetchData() 方法。在 fetchData() 方法中，我們使用了 Axios 提供的 get 方法，向 API 發送了一個請求，并通過 response.data 獲取到了返回的數據。

以上是一個簡單的 Vue 調用 API 的過程。當我們在實際項目中使用時，還需要考慮很多其他的因素，如接口參數、請求頭、響應攔截等等，但是總體來說，Vue 配合 Axios 使用是非常方便的。