vue 对方返回data
时间: 2023-08-08 09:06:58 浏览: 54
如果您想在Vue中获取从服务器返回的数据,您需要使用Vue中提供的HTTP库,例如axios来发送HTTP请求,从而获取服务器的响应数据。以下是一个简单的示例:
```
<template>
<div>
<ul>
<li v-for="item in items" :key="item.id">{{ item.name }}</li>
</ul>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
items: []
}
},
mounted() {
axios.get('/api/items')
.then(response => {
this.items = response.data;
})
.catch(error => {
console.log(error);
});
}
}
</script>
```
在上面的代码中,我们在Vue的`data`属性中定义了一个名为`items`的数组,用于存储从服务器返回的数据。在`mounted`生命周期钩子中,我们使用axios发送GET请求获取`/api/items`的数据,并将响应数据中的`data`字段赋值给`items`数组。在模板中,我们使用`v-for`指令将`items`数组中的每个元素呈现为列表项。
请注意,上述示例中的`/api/items`是一个示例API端点,您需要将其替换为您的实际API端点。另外,还需要安装并导入axios库才能使用它来发送HTTP请求。