vue 拿到后台数据写道本地
时间: 2023-08-11 18:09:18 浏览: 84
vue.js与后台数据交互的实例讲解
5星 · 资源好评率100%
如果你使用Vue.js作为前端框架,可以使用axios库来发送HTTP请求获取后台数据。然后,你可以在Vue.js组件中将获取到的数据绑定到模板上,从而在页面上显示它们。
以下是一个获取后台数据并绑定到模板的示例:
```html
<template>
<div>
<h1>后台数据</h1>
<ul>
<li v-for="item in data" :key="item.id">
{{ item.name }}
</li>
</ul>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
data: []
}
},
mounted() {
axios.get('/api/data')
.then(response => {
this.data = response.data;
})
.catch(error => {
console.log(error);
})
}
}
</script>
```
在这个示例中,我们使用axios库发送了一个GET请求来获取后台数据,并将数据绑定到了模板上。当组件被挂载时,会自动发送请求并更新数据。
阅读全文