vue的controller接口
时间: 2023-10-14 08:22:28 浏览: 139
vue监听接口状态
在 Vue 中,通常使用组件的方式来实现前端的业务逻辑,而不是使用传统的 MVC 模式中的 Controller。如果你是想要实现组件之间的数据通信,可以使用 Vue 的 props 和事件机制。如果你是想要调用后端接口获取数据,则可以使用 Vue 的异步请求库 axios 或者 fetch。
以下是一个示例代码,演示了如何使用 axios 调用后端接口:
```javascript
<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>
```
在上述代码中,我们使用了 axios 发送了一个 GET 请求到 `/api/items` 接口,然后在请求成功后将返回的数据设置到组件的 data 中,最后通过 v-for 指令渲染到页面上。当然,axios 还有很多其他的功能和用法,具体可以参考官方文档。
阅读全文