vue中切换组件，想要让与其不相关的组件中内容改变，使用事件总线（首页导航栏v-if切换组件，有一个功能按钮的组件，想要在切换后关闭组件，想使用的时候再打开，切换页面关闭，vue2+eventbus）

1.首先在入口文件中配置事件总线

main.js中

import Vue from 'vue';

export const eventBus = new Vue();

2.之后在想控制开关的组件中设置

import { eventBus } from './main'; // 引入事件总线

mounted() {
  // 监听事件总线上的 'page-switch' 事件

//事件总线名字任意
 eventBus.$on('page-switch', () => {

//里面是我v-show的关闭逻辑，这个自己去改
 this.show = false;
   this.flag = false;
   });
 },

3.在组件切换控制的组件中，我这里是导航栏的切换按钮

import { eventBus } from './main'; // 引入事件总线

//这是我导航栏切换的方法

 methods: {

        changebuts(item) {

//使用事件总线方法

          eventBus.$emit('page-switch');

//以下为导航栏按钮点击切换逻辑..............

        this.datavalues = item.id;