vue之前有一個官方推薦的互動外掛vue-resource,但是到了2.0以後，官方不在更新vue-resource。

目前主流的vue專案，都選擇axios來完成ajax請求，大型專案一般使用Vuex來管理資料，本篇博文詳細說一下axios方式，Vuex方式暫不介紹

前言： 

使用npm安裝axios

npm install axios

安裝其他外掛的時候，可以直接在main.js中引入並Vue.use(),但是axios並不能use，只能每個需要傳送的元件中即時引入

為了解決這個問題，有兩種開發思路，一是在引入axios之後，修改原型鏈，二是結合Vuex，封裝一個action。

方案一：改寫原型鏈

首先在main.js中引入axios

import axios from 'axios'; 

這時候如果在其他元件中，是無法使用axios命令的。但如果axios改寫成Vue的原型屬性，就能解決這個問題

Vue.prototype.$ajax = axios;

在main.js中添加了這兩行程式碼之後，就能直接在元件的methods中使用$ajax命令

methods: {
  submitForm () {
    this.$ajax({
      method: 'post',
      url: '/user',
      data: {
        name: 'wise',
        info: 'wrong'
      }
   })
}

方法二：在vuex中封裝

檢視下面連結

http://www.cnblogs.com/wisewrong/p/6402183.html