day91- github搜索案例（vue-resource实现）

github搜索案例（vue-resource实现）

简介

vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应，也就是说，jQuery中ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。

特点

1. 体积小：vue-resource非常小巧，在压缩以后只有大约12kb，服务端启用gzip压缩后只有4.5kb大小。

2. 支持主流的浏览器：除了不支持IE9以后的IE浏览器，其他主流浏览器都支持。

3. 支持Promise API和URI Templates：Promise是ES6的特性，用于异步计算；URI Templates表示URI模板，有些类似于ASP.NET.MVC的路由模板。

4. 支持拦截器：拦截器是全局的，拦截器可以在请求发送前和发送后做一些处理。

代码实现

在search中，使用resource代替axios实现对GitHub用户接口的访问与数据获取

this.$http.get(`https://api.github.com/search/users?q=${this.keyWord}`).then(
     response =>{
       console.log('okk')
       // this.$bus.$emit('updateList',response.data.items)
       // this.$bus.$emit('updateList',false,false,'',response.data.items)
       //请求成功后更新list数据
       this.$bus.$emit('updateList', {isLoading:false, errMsg:'', users:response.data.items})
     },
     error =>{
       console.log('error',error.message)
       //请求失败后更新list数据
       this.$bus.$emit('updateList', {isLoading:false, errMsg:error.message, users:[]})
     },
 )