介绍 EventBus

前面我们讲过父传子，子传父进行数据传递和方法调用，这时候当组件嵌套比较深或比较复杂的情况，这时候就用到了事件总线 (EventBus)，事件总线可以理解为用来传输数据的一条线。

使用 EventBus

在 main.js 中

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

Vue.config.productionTip = false;

// 创建一个eventbus，一个空的vue实例
Vue.prototype.bus = new Vue();

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app');

父组件

src/views/Home.vue

<template>
  <d...