Vue-resource

介绍

安装vue-resource

--save表示安装到package.json的dependencies（生产）的环境下，加-dev表示安装到devDependencies（开发）环境下。

npm install -g vue-resource --save-dev

使用

在main.js中引入并使用

import  VueResource  from 'vue-resource'
Vue.use(VueResource);

全局vue对象使用

{emulateJSON:true}，启用该选项后，请求会以application/x-www-form-urlencoded作为MIME type，就像普通的HTML表单一样。一般加上比较好。

Vue.http.get('/someUrl', {id: 0}).then(successCallback, errorCallback);
Vue.http.post('/someUrl', {id: 1},{emulateJSON:true}).then(successCallback, errorCallback);

vue实例中使用

如下代码在mounted钩子函数中使用，then方法里两个参数分别时成功和失败的回调，获取到的数据在回调参数的body属性中。

mounted (){
  this.$http.get('../../static/package.json',{id: 1}).then(function(res){
      this.list= res.body;
      console.log(this.list);
  });
  
  this.$http.post('../../static/package.json',{id: 1},{emulateJSON:true}).then(function(){},function(){});
  
  this.$http.jsonp('url',{parmas}).then(successFun,errorFun);
}

官方已经推荐改用axios来做数据请求了，所以这里就不做过多介绍了。