php如何返回数据给vue

这篇文章给大家分享的是有关php如何返回数据给vue的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

php怎么返回数据给vue

1、首先vue发起网络请求可以使用axios库

1）安装axios

npm install axios --save

2）Vue使用axios

import axios from "axios";
//将$axios挂在原型上，以便在实例中能用 this.$axios能够拿到
Vue.prototype.$axios = axios;

3）发起get请求

this.$axios.get('/localhost/userinfo.php?userid=10001')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

2、php相应请求

<?php
header('Content-Type:application/json; charset=utf-8');
$arr = array('userid'=>10001,'name'=>'老马','age'=>56);
exit(json_encode($arr));

vue手动php返回数据就会打印出来

{userid: 10001, name: "老马", age: 56}

这样，php返回数据给vue的案例就完成了。

感谢各位的阅读！关于php如何返回数据给vue就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！