用vue.js做异步请求的方法：首先在项目中安装axiox；然后在main.js中引入axiox，以供全局使用；接着进行axios get请求；最后实现axios post请求即可。
本教程操作环境：windows7系统、vue2.0版本、thinkpad t480电脑。
推荐：《vue教程》
用vue.js做异步请求
一、axios实现异步请求
立即学习“前端免费学习笔记（深入）”；
1.项目中安装axiox
npm install --save axios
2.在main.js中引入以供全局使用
import axios from 'axios' //可以给axios的ajax请求设置统一的主机和端口号 axios.defaults.baseURL = "http://157.122.54.189:8080/"; //将axios这个对象添加到Vue的原型对象中，在使用的时候就只需要使用this.对象名就可以了 Vue.prototype.$http = axios
3.axios之get请求
vue前端：
node后端： server.get('/getData1',function(req,res){ res.send({ 'msg':'aaa' }) })
请求结果：
TP-COUPON 导购系统 免费版
下载
自从百度屏蔽淘宝客网站、淘宝抛弃淘宝客之后，个人站长集体陷入了恐慌之中。此时，什么值得买网的异军突起引起了广大个人站长的极大关注。做一个什么值得买一样的导购网站成了众多个人站长的一致心愿！ TP-COUPON 导购系统 即是让个人站长实现此心愿的绝佳选择！ 欢迎个人站长选用。V1.1版 更新记录：1.修正请求时查询淘宝店铺错误的bug2.删除一些无用的代码
4.axios之post请求
Vue前端：
提交参数的两种形态:
// 1.可以直接传入字符串 name=张三&age=19
// 2.可以以对象的形式传入{name:“三”,age:19}
node后端：
server.post('/getData2',function(req,res){
req.on("data",function(data){
console.log(querystring.parse(decodeURIComponent(data)));
});
res.send({
'msg':'bbb'
})
})二、vue-resource实现异步请求（和axios步骤基本相同）
1.项目中安装vue-resource
npm install --save vue-resource
2.在main.js中引入以供全局使用
import vueResource from 'vue-resource' Vue.use(vueResource)//这儿有所不同
3.vue-resource之get请求
this.$http.get('/getData1')
.then(r => console.log(r))//接口调用成功返回的数据
.catch(err => console.log(err)),//接口调用失败返回的数据4.vue-resource之post请求
this.$http.post('/getData2',{name:"bbb"})
.then(r => console.log(r))//接口调用成功返回的数据
.catch(err => console.log(err)),//接口调用失败返回的数据 
