vue怎么获取后端传来的数据
时间: 2023-07-15 21:14:17 浏览: 261
vue使用ajax获取后台数据进行显示的示例
在Vue中获取后端传来的数据通常需要使用Ajax或者Axios等工具进行异步请求,然后在请求成功后将后端返回的数据保存到Vue组件的data属性中,从而实现后端数据的渲染。
下面是一个使用Axios获取后端数据的示例代码:
```javascript
<template>
<div>
<ul>
<li v-for="item in dataList" :key="item.id">{{ item.title }}</li>
</ul>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
dataList: []
}
},
mounted() {
axios.get('/api/data')
.then(response => {
this.dataList = response.data;
})
.catch(error => {
console.log(error);
});
}
}
</script>
```
在上面的代码中,我们首先引入了Axios库,然后在组件的mounted钩子函数中使用Axios进行异步请求,请求的URL为`/api/data`,请求成功后将后端返回的数据保存到组件的dataList属性中,最后在模板中使用v-for指令将dataList中的数据渲染到页面上。
阅读全文