vue项目使用Bus进行组件通信

1.bus.js

src文件夹下新建bus文件夹，新建bus.js文件，内容如下

import Vue from 'vue'
export default new Vue()

2.main.js

const Bus = new Vue()

new Vue({
  el: '#app',
  router,
  axios,
  store,
  components: { App },
  data() {
    return {
      Bus
    }
  },
  template: '<App/>'
})

3.相应组件引用，传值组件，接收值组件都需要引用

import Bus from "../../bus/bus.js";

4.传值

Bus.$emit("year", year);

5.接收值并做操作

Bus.$on("year", (e) => {
    console.log(e);
　　...
});