<template><div><sectionclass="jumbotron"><h3class="jumbotron-heading">Search Github Users</h3><div><inputtype="text"placeholder="enter the name you search"v-model="keyWorld"/> <button@click="searchUsers">Search</button></div></section></div></template><script>exportdefault{name:"Search",data(){return{keyWorld:"",};},methods:{searchUsers(){this.$bus.$emit("getUsersItems",{isFirst:false,isLoading:true,});this.$http.get(`http://api.github.com/search/users?q=${this.keyWorld}`).then((response)=>{this.$bus.$emit("getUsersItems",{isLoading:false,userList: response.data.items,});},(error)=>{this.$bus.$emit("getUsersItems",{isLoading:false,errMsg: error.message,userList:[],});});},},};</script><style></style>