vue兄弟组件传值——事件总线

1.创建一个js文件，例如msg.js，放到合适位置，例如components中，或者其他位置也行。然后在兄弟两个组件中分别引入msg.js文件

msg.js：

import Vue from 'vue'
export default new Vue // 注册全局事件对象

2.传递事件：

<template>　　<div @click="btn">按钮</div></template>

<script>
  import Msg from './msg.js'
  export default {
    methods: {
      btn:function () {
        //Msg.$emit("事件名",'参数');　　　　　　Msg.$emit("val",'我要传信给兄弟组件');
      },
    }
  };
</script>

3.接收事件

<template>
    <div id="on">
        <p>{{kk}}</p>
    </div>
</template>

<script>
    import Msg from './msg.js'
    export default {　　　　　data () {　　　　　　return {　　　　　　　　kk : ""　　　　　　}　　　　　},

        mounted: function (){　　　　　　　var _this = this
            Msg.$on('val',function(m){　　　　　　　　　 _this.kk = m;
                console.log("传过来的值" + m)
            })
        }
    }
</script>