fetch是一種用于獲取資源的API，可以在Vue中使用它來獲取數據并展現于頁面上。當我們向后端請求數據時，fetch會返回一個Response對象，而我們通常需要從這個對象中提取出真正的數據。那么在Vue中，如何獲取fetch返回的數據呢？

<template>
<div>
<p v-for="item in items" :key="item.id">{{ item.name }}</p>
</div>
</template>
<script>
export default {
data() {
return {
items: []
}
},
created() {
fetch('http://your.api.com/items')
.then(response =>response.json())
.then(data =>this.items = data)
.catch(error =>console.error(error))
}
}
</script>

在上面的代碼中，我們在Vue組件的created鉤子中發送了一個HTTP GET請求，并將返回的數據存儲在了組件的data屬性中。fetch返回的是原始的Response對象，我們需要使用其json()方法將其轉換為JavaScript對象。最后，我們將獲取到的數據賦值給該組件的數據items。

除了使用fetch外，我們還可以使用Vue插件axios來獲取數據。axios是一個基于Promise的HTTP客戶端，可用于類瀏覽器環境和Node.js中。它包含許多有用的特性，例如攔截請求和響應，轉換請求數據和響應數據等。

npm install axios
<template>
<div>
<p v-for="item in items" :key="item.id">{{ item.name }}</p>
</div>
</template>
<script>
import axios from 'axios'
export default {
data() {
return {
items: []
}
},
created() {
axios.get('http://your.api.com/items')
.then(response =>this.items = response.data)
.catch(error =>console.error(error))
}
}
</script>

在上面的代碼中，我們首先使用npm安裝了axios，并將其導入到了Vue組件中。其余部分與使用fetch類似，不同之處在于我們使用了axios的get方法代替fetch。

除了get方法外，axios還有許多其他的方法可供使用，例如post、put、delete等。此外，axios還可以全局配置其默認的請求頭、請求參數、響應攔截器等。這使得我們在編寫Vue組件時能夠更加方便地進行網絡請求。

總而言之，在Vue中獲取fetch返回的數據并不難，我們可以使用fetch或者axios來進行網絡請求，并將返回的數據存儲在Vue組件的data屬性中。在使用時，我們還要注意處理異常情況，例如網絡異常等。