如何使用vue-resourc發(fā)起異步請(qǐng)求

今天就跟大家聊聊有關(guān)如何使用vue-resourc發(fā)起異步請(qǐng)求，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

1.安裝或?qū)雟ue-resource

安裝命令：

npm install vue-resource

導(dǎo)入：

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{'/訪問(wèn)地址'}.then(function(result){
//訪問(wèn)成功后的處理
},function(result){
//訪問(wèn)不成功的處理
})
}

post：

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

jsonp：

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

result的數(shù)據(jù)使用推薦使用result.body下的數(shù)據(jù)

vue-resource提供的全局配置數(shù)據(jù)根域名的方法

作用

使發(fā)起請(qǐng)求時(shí)，請(qǐng)求地址不用再寫(xiě)根域名

方便移植設(shè)置全局根域名

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

請(qǐng)求

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

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫(kù)只關(guān)注視圖層，方便與第三方庫(kù)和項(xiàng)目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開(kāi)發(fā)復(fù)雜的單頁(yè)應(yīng)用。

看完上述內(nèi)容，你們對(duì)如何使用vue-resourc發(fā)起異步請(qǐng)求有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。