Vue-resource實現ajax請求和跨域請求

vue-resource是Vue提供的體格http請求插件，如同jQuery裏的$.ajax，用來和後端交互數據的。

在使用時，首先須要安裝vue-resource插件

1.在項目跟目錄上安裝：

npm install vue-resource

2.引入resource插件

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

3.發送請求：

this.$http.get("http://www.vrserver.applinzi.com/aixianfeng/apihome.php").then(function(res){  
        console.log(res)  
    })

ES6寫法：

this.$http.get('url', [options]).then((res) => {  
</span><pre name="code" class="html" style="color: rgb(68, 68, 68);"><span style="font-family:Microsoft YaHei;font-size:18px;">// 處理成功的結果</span></pre>}, (res) => { // 處理失敗的結果});

在發送請求後，使用then方法來處理響應結果，then方法有兩個參數，第一個參數是響應成功時的回調函數，第二個參數是響應失敗時的回調函數。

then方法的回調函數也有兩種寫法，第一種是傳統的函數寫法，第二種是更爲簡潔的ES 6的Lambda寫法：

POST請求：

this.$http.post("http://www.vrserver.applinzi.com/aixianfeng/apihome.php",{name:"abc"},{emulateJSON:true}).then(  
            function (res) {  
                // 處理成功的結果  
                alert(res.body);  
            },function (res) {  
            // 處理失敗的結果  
            }  
        );