如何使用vue-resourc發起異步請求

今天就跟大家聊聊有關如何使用vue-resourc發起異步請求，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

1.安裝或導入vue-resource

安裝命令：

npm install vue-resource

導入：

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

2.使用

格式：

this.http.get('/url',[options]).then(successCallback,errorCallback)

更多

get(url,[options])
post(url,[body],[options])
jsonp(url,[options])

具體使用：

get：

function(){
this.$http.get{'/訪問地址'}.then(function(result){
//訪問成功后的處理
},function(result){
//訪問不成功的處理
})
}

post：

function(){
this.$http.post{'/訪問地址',{},{emulateJSON:true}}.then(function(result){
//訪問成功后的處理
},function(result){
//訪問不成功的處理
})
}

jsonp：

function(){
this.$http.jsonp{'/訪問地址'}.then(function(result){
//訪問成功后的處理
},function(result){
//訪問不成功的處理
})
}

result的數據使用推薦使用result.body下的數據

vue-resource提供的全局配置數據根域名的方法

作用

使發起請求時，請求地址不用再寫根域名

方便移植設置全局根域名

//在Vue實例創建前定義
//注意：根域名后面需要帶斜線
Vue.http.options.root='根域名/'

請求

//注意：地址前面不能帶斜線
this.$http.get('a/a')
vue-resource提供的全局啟用emulateJSON選項
//在Vue實例創建前定義
Vue.http.options.emulateJSON=true

vue是什么

Vue是一套用于構建用戶界面的漸進式JavaScript框架，Vue與其它大型框架的區別是，使用Vue可以自底向上逐層應用，其核心庫只關注視圖層，方便與第三方庫和項目整合，且使用Vue可以采用單文件組件和Vue生態系統支持的庫開發復雜的單頁應用。

看完上述內容，你們對如何使用vue-resourc發起異步請求有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。