<template> <div> <div>vue-resource请求,类似ajax</div> <div>----------------------------</div> </div> </template> <script> export default{ data(){ return{ } }, mounted(){ //get请求 '/someUrl' 是后台地址的数据接口如:someUrl.php 等等 this.$http.get('/someUrl').then(response => { //获取响应数据 // get body data console.log(response.body); //输出响应数据 }, response => { //error callback }); //post请求 '/someUrl' 是后台地址的数据接口如:someUrl.php 等等 // {foo: 'bar'} 给后台发送一些数据 this.$http.post('/someUrl', {foo: 'bar'}).then(response => { //获取响应数据 // get body data console.log(response.body); //输出响应数据 }, response => { //error callback 请求失败执行的回调函数 }); //get请求 '/someUrl' 是后台地址的数据接口如:someUrl.php 等等 // {foo: 'bar'} 给后台发送一些数据 this.$http.get('/someUrl', {params: {foo: 'bar'}, headers:{'X-Custom': '...'}} ).then(response => { //获取响应数据 // success callback 请求成功的回调函数 }, response => { //error callback 请求失败的回调函数 }); } } </script>