vue-resource && axios

# axios
# 1.安装：npm i axios
# 2.使用：
    import axios from 'axios'
    axios.get(URL).then(response=>{},error=>{});// post一样
# vue-resource
# 1.安装：npm i vue-resource
# 2.使用：
    import vueResource from 'vue-resource'
    Vue.use(vueResource);
    this.$http.get(URL).then(response=>{},error=>{});
# 3.说明：
#    Vue官方推荐是使用axios
#    vue-resource是早期Vue  1.0版本时使用的插件
#    vue-resource源码更新没有axios勤快
#    axios和vue-resource的get和post函数调用没有任何区别

<template>
    <section class="jumbotron">
        <h3 class="jumbotron-heading">
            Search Github Users
        </h3>
        <div>
            <input type="text" 
                   placeholder="enter the name you search" 
                   v-model="inputValue"
                   @keydown.enter="search(inputValue)" /> &nbsp;
            <button @click="search(inputValue)" >Search</button>
        </div>
    </section>
</template>
<script lang="ts">
import Vue from 'vue'
import axios from 'axios'

export default Vue.extend({
    name:'Search',
    data(){
        return {
            inputValue: '',
            users: []
        }
    },
    methods:{
        search(value){
            this.$bus.$emit('updateListInfo', {
                isFirstLoad: false,
                isLoading: true,
                errMsg: '',
                users: []
            });
            axios.get(`https://api.github.com/search/users?q=${value}`).then(
                response => {
                    this.$bus.$emit('updateListInfo', {
                        isLoading: false,
                        users: response.data.items
                    });
                },
                error => {
                    console.log('请求报错信息：', error.message);
                    this.users = [];
                    this.$bus.$emit('updateListInfo', {
                        isLoading: false,
                        errMsg: error.message,
                        users: []
                    });
                }
            );
            this.inputValue = '';
        }
    }
})
</script>