安裝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);
})