vue-resource

• 一个通过XMLHttpRequrest 或JSONP 技术实现异步加载服务端数据的Vue插件
• 提供了一般的 HTTP请求接口和RESTful架构请求接口，并且提供了全局方法和VUe组件实例方法
• 其用法与axios相似，vue1.0中此插件应用较多，vue2.0及以后多使用axios，插件了解即可

1. 安装

   npm i vue-resource
   

2. 引用

全局注册插件，main.js组件中

import vueResource from "vue-resource";
Vue.use(vueResource)

应用接口的组件（Search组件）

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