在Vue中，我們可以使用Vue-resource或Axios等庫來發送HTTP請求。其中，GET請求是最為常見的一種請求，我們可以通過GET請求從后端API中獲取一些數據。本文將介紹如何用Vue發送GET請求，并將獲取到的數據展示在頁面上。

發送GET請求

在Vue中，我們可以使用Vue-resource或Axios等庫來發送GET請求。以下是使用Vue-resource發送GET請求的基本代碼：

this.$http.get('url').then(response =>{
// 處理響應
}, error =>{
// 處理錯誤
});

其中，'url'是后端API的地址。在then方法中，我們可以處理響應數據，而在error方法中，我們可以處理錯誤情況。

獲取數組

如果我們需要從后端API中獲取一個數組，則可以在then方法中直接訪問data屬性。例如，如果我們需要獲取一個商品列表，那么可以這樣寫：

this.$http.get('url').then(response =>{
this.goodsList = response.data;
}, error =>{
console.log(error);
});

其中，goodsList是一個數組，用于存儲商品列表。在獲取到響應后，我們將響應數據中的data屬性賦給goodsList。

展示數據

在Vue中，我們可以使用v-for指令來遍歷數組，從而將數組中的數據展示在頁面上。例如，我們可以這樣寫：

<div v-for="goods in goodsList">
<p>{{goods.name}} - {{goods.price}}</p>
</div>

其中，goodsList是我們在獲取數組時定義的數組名稱，而goods則是我們為每個商品定義的一個引用。在v-for指令中，我們將數組名和引用名用in連接，表示遍歷數組中的每一個元素，并將每個元素存儲在引用中。

在遍歷數組時，我們可以使用{{}}語法來獲取引用中的屬性值。在上面的例子中，我們展示了每個商品的名字和價格。

至此，我們已經完成了用Vue獲取并展示一個數組的所有步驟。在實際開發中，我們可能會遇到一些問題，例如跨域請求、響應數據格式等。針對這些問題，我們可以使用各種工具和技術來解決。