vue 接收php数据
时间: 2023-10-10 13:11:00 浏览: 61
要让Vue接收PHP数据,可以使用Vue的Ajax功能来获取数据。在Vue中,可以使用第三方库如axios或者vue-resource来发送Ajax请求。
首先,你需要在PHP中编写一个API接口,该接口返回需要的数据。这可以通过使用PHP的数据库连接功能,从数据库中获取数据并将其格式化为JSON格式。
然后,在Vue组件中,你可以使用axios或者vue-resource发送Ajax请求,获取PHP API的返回结果,并将其保存在Vue组件的data属性中。具体实现可以参考以下代码示例:
```javascript
<template>
<div>
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
</div>
</template>
<script>
import axios from 'axios'
export default {
data () {
return {
items: []
}
},
created () {
axios.get('/api/data.php')
.then(response => {
this.items = response.data
})
.catch(error => {
console.log(error)
})
}
}
</script>
```
在以上示例中,Vue组件在创建时会发送一个GET请求到'/api/data.php'接口,获取数据并将其保存在组件的data属性中。接口返回的数据应该是一个JSON格式的数组。