在現代web開發中，發起http請求已經變得非常普遍。Vue.js提供了很好的機制來發起http請求。雖然在Vue.js中可以使用多種方法來處理http請求，但是最常見的方法是使用axios庫。

npm install axios

使用axios庫非常簡單。只需要導入庫并發起一個GET請求。例如，在以下示例中，我們將發起一個GET請求來獲取JSON數據。

import axios from 'axios';
axios.get('https://example.com/data.json')
.then(response =>{
console.log(response.data);
})
.catch(error =>{
console.log(error);
});

在這個GET請求中，我們傳遞了JSON數據的URL，并使用.then()處理響應。如果需要處理請求失敗的情況，可以使用.catch()方法。在我們獲得響應之后，我們可以從響應對象中獲取數據。

當然，我們也可以發送請求的時候傳遞一些參數。例如，在以下示例中，我們將根據用戶輸入的值來獲取數據。

import axios from 'axios';
const searchQuery = 'searchTerm';
axios.get(`https://example.com/search?q=${searchQuery}`)
.then(response =>{
console.log(response.data);
})
.catch(error =>{
console.log(error);
});

在這個示例中，我們使用模板文本來將用戶輸入的值添加到URL參數中。這是一個非常常見的示例，因為我們經常需要根據用戶輸入來搜索。

如果需要在請求中添加請求頭或cookies等頭信息，axios可以輕松地完成。例如，在以下示例中，我們將在請求頭中添加一個JWT身份驗證令牌：

import axios from 'axios';
const jwtToken = 'yourTokenHere';
axios.get('https://example.com/data.json', {
headers: {
Authorization: `Bearer ${jwtToken}`
}
})
.then(response =>{
console.log(response.data);
})
.catch(error =>{
console.log(error);
});

在這個示例中，我們向axios.get()方法傳遞了一個配置對象，該對象包含我們要添加的頭信息。因此，當我們發起請求時，axios會將身份驗證令牌添加到請求頭中。

總而言之，使用Vue和axios發起GET請求非常簡單。無論你是需要獲取簡單的JSON數據，還是需要從服務端檢索大量數據，axios都可以滿足你的需求。因此，如果你正在編寫一個Vue.js應用程序，并需要發起GET請求，請考慮使用axios庫。