Vue中非父子组件通过事件总线改变数据但data中数据不变的问题

Vue中创建事件总线之后，非父子组件1向非父子组件2发送事件之后，非父子组件2成功接收到事件，并对组件2中的参数进行修改

1. 先在main.js中创建Vue对象并赋给$EventBus实例，代码如下

Vue.prototype.$EventBus=new Vue()

2. 父子组件1（事件发出端）–使用$emit发出事件

<template>
<div  @click="setprclick()">设置</div>
</template>
<script>
export default {
    name:"Profile",
    methods:{
        setprclick(){
        this.$EventBus.$emit('setprclick')       
        }
    }
}
</script>

3. 非父子组件2（事件接受端）----使用$on接收事件

<template>
  <div id="app" class="wrapper">
    <main-tab-bar v-show="set" />
  </div>
</template>

<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export defaul