vue兄弟传值的时候不需要父组件可以吗? 只是要两个兄弟组件

Question

vue兄弟传值的时候不需要父组件可以吗? 只是要两个兄弟组件

首先我新建了一个js文件eventBus.js
在里面写了

import Vue from "Vue"
export default new Vue;

one组件

     <div class="a1">
        <button @click="start">点击开始传递</button>
    </div>

     import bus from "../assets/eventBus";
     
    data(){
        return{
            acc:"传递数据2"
        }
    },
   start(){
            const a1=this.mydata;
            let a2=this.acc;
            bus.$emit("userDefinedEvent",[a1,a2]);
        }

two组件

    <div class="a1">
        <span>参数:<br/>{{aaaaaaaaaaaaaaaaa}}</span>
    </div>

    import bus from "../assets/eventBus";

     return{
            aaaaaaaaaaaaaaaaa:"默认值"
        }

    mounted(){
        const _this=this;
        bus.$on("userDefinedEvent",function(msg){
            _this.aaaaaaaaaaaaaaaaa=msg;
        })
    },

在three父组件中

  <div class="home">
        <one></one>
        <two></two>
   </div>
   
import one from "@/components/one";
import two from "@/components/two";

 components:{
        one,
        two
    }

这样可以实现两个兄弟组件的通信，但是我现在不想要父组件，只是两个组件的数据交互，怎么才可以呢？
因为都在父组件中导入了，我现在不需要再父组件中导入，只是两个兄弟组件的通信，怎么实现呢？

Answer 1

使用一个中间件，可以使用vuex，也可以使用一个vue实例，一个监听，一个触发

Answer 2

不要父组件，组件肯定的要有地方放啊？所以是路由组件嘛，其实并没有太懂你的意思。

---

传统的eventBus存在的一个主要问题是，两个组件必须同时存在(或者在事件触发和接收的时刻必须同时存在)，如果不想上vuex的话你可以参考下这个：vue数据传递--我有特殊的实现技巧