安装vue-resource到项目中，找到当前项目

输入：npm install vue-resource --save

安装完毕后，在main.js中导入，如下所示：

import VueResource from 'vue-resource'

Vue.use(VueResource)

get请求

var params = {params: {id: id}}this.$http.get(url, params).then(function(res){    // 响应成功回调    var data = res.body;    //数据在res.body里面}, function(res){    // 响应错误回调});复制代码

post请求

启用{emulateJSON : true}选项后，请求会以application/x-www-form-urlencoded作为content-type,像HTML表单一样。var params = {params: {id: id}}this.$http.post(url, params,{emulateJSON : true}).then(function(res){    // 响应成功回调    var data = res.body;    //数据在res.body里面}, function(res){    // 响应错误回调});复制代码

JSONP 请求

var JSONparams ={    params: {id: id}    jsonp: 'callback' // 设置回调函数的参数的一个名字，默认是话是callback,} this.$http.jsonp(url, JSONparams).then( (res) => {    console.log(res);}, (err) => {    console.log(err);})复制代码