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

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、來安網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、來安網(wǎng)絡(luò)營銷、來安企業(yè)策劃、來安品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供來安建站搭建服務(wù)，24小時服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

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{'/訪問地址'}.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的數(shù)據(jù)使用推薦使用result.body下的數(shù)據(jù)

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

作用

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

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

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

請求

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

vue是什么

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

看完上述內(nèi)容，你們對如何使用vue-resourc發(fā)起異步請求有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。