如何使用vue-resourc发起异步请求

今天就跟大家聊聊有关如何使用vue-resourc发起异步请求,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都做网站、外贸网站建设、来安网络推广、重庆小程序开发、来安网络营销、来安企业策划、来安品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供来安建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

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发起异步请求有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


当前名称:如何使用vue-resourc发起异步请求
文章链接:http://scyanting.com/article/jjjeho.html