github搜索案例

目录结构 

public/index.html

src/App.vue

src/main.js 

import Vue from 'vue'
import App from './App.vue'
//引入插件
import vueResource from 'vue-resource'

Vue.config.productionTip = false
//使用插件
Vue.use(vueResource)
//创建vm
new Vue({
    el: '#app',
    render: h => h(App),
    beforeCreate(){
        Vue.prototype.$bus=this //安装全局事件总线
    }
})

src/components/List.vue

src/components/Search.vue

 

 

注意：这里使用vue-resource插件，所以要安装npm i vue-resource（不推荐使用） 

第一种方式：import vueResource from 'vue-resource'  Vue.use(vueResource) this.$http.get(' ').then()

第二种方式：import axios from 'axios' axios.get(' ').then()