今天带来的是一款Vue神器Vue-resource

是那种体积小、兼容全、支持拦截、跨域的超级Http请求插件哦！

一、介绍

Vue-resource 是一个用于处理 HTTP 请求和响应的 Vue.js 组件库。它可以轻松地管理 HTTP 请求和响应，并提供了一些简单易用的 API。

Vue-resource 的请求api是按照 RESTful API 设计的。

它提供了 get、head、post、put、patch、delete 等 7种请求方法，这些方法都是接受三个参数：url、请求地址。

可被options对象中 url 属性覆盖。

二、安装

 // 下载npm install vue-resource --save-dev或yarn add vue-resource

三、使用

Vue-resource 的使用非常简单，只需要引入并注册即可：

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

然后，在需要使用 HTTP 请求的地方，可以使用 $http 对象发起请求：

 this.$http.get('/api/users')  .then(response => {  console.log(response.data)  })  .catch(error => {  console.error(error)  })

有坑

1. get传参数的坑：加params对象传参
2. 解析返回的数据：获取到的数据需要JSON.parse()一下

四、总结

Vue-resource 千好万好，唯独不要在IE 9以下的浏览器上使用，请根据你的使用场景酌情使用！

目前在GitHub上已经10.1K 的star 。

这一款，你爱了吗？

项目地址：https://github.com/pagekit/vue-resource

写在最后 （私活源码）

还给大家分享一套基于Springboot+Vue的酒店管理系统源码，在实际项目中可以直接复用。(免费提供，文末自取)

一、系统运行图（管理端和用户端）

1、管理登陆

2、房间管理

3、订单管理

4、用户登陆

5、房间预定

二、系统搭建视频教程和源码

源码免费领取方式

​扫码关注本号，后台回复 酒店

扫码关注本号，后台回复 酒店

持续关注本号，分享更多项目源码