如何使用vue-resourc发起异步请求-创新互联

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

成都创新互联公司是专业的隆德网站建设公司，隆德接单;提供成都网站设计、成都做网站、外贸网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行隆德网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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://bzwzjz.com/article/cdpdcp.html