前言：vue-resource 使用比 jquery 更加簡潔的方式實現了非同步請求功能，還提供了比如 interceptors 這樣處理請求過程中行為的功能。下面介紹下vue-resource中常用的GET與POST請求使用與封裝方法。

訪問 Github 獲取最新的開發檔案與文件

特徵：

• 支援 Promise API 和 URI Templates
• 支援請求過程中使用攔截器（interceptoers）
• 支援 Firefox，Chrome，Safari，Opera 和 IE9+
• 非常的小（壓縮後之後14KB，在啟用 gzipped後只有5.3KB）

引數說明：
引數說明很多文章裡面所已經說過了，這裡只使用必須用到的引數，具體請訪問

GET請求

function getRequest(url, params) {
  return new Promise((resolve, reject) => {
    Vue.http.get(
      url,
      {
        params: params
      },
      {emulateJSON: true}
    )
    .then((res) => {
      resolve(res);
    })
    .catch((res) => {
      reject(res);
    });
  })
 
;
}

POST請求

function postRequest(url, params) {
  return new Promise((resolve, reject) => {
    Vue.http.post(
      url,
      {
        params
      },
      {emulateJSON: true}
    )
    .then((res) => {
      resolve(res.body);
    })
    .catch((res) => {
      reject(res.body);
    });
  })
 
;
}

使用方法

var params = new Object();  //建立params物件
var params.id = id;  //傳遞引數
var url = url;  //url地址
postRequest(url, params)
.then((message) => {
  //這裡處理成功回撥
})
.catch((message) => {
  //這裡處理失敗回撥
});