Vue兄弟组件传值

import Vue from 'vue';
var VueEvent = new Vue()
export default VueEvent;

<template>
  <div>
    <h2>{{title}}</h2>
    <button @click="gethome()">Submit</button>
  </div>
</template>

<script>
//引入 vue 实例
import VueEvent from "../store/VueEvent.js";
export default {
  data() {
    return {
      title: "我是home组件的数据"
    };
  },
  methods: {
    gethome() {
      //$emit广播数据		
      VueEvent.$emit("totab", this.title);
    }
  }
};
</script>

<style>
</style>

<template>
  <div>
  </div>
</template>

<script>
import VueEvent from "../store/VueEvent.js";
export default {
  data() {
    return {
    };
  },
  methods: {
  },
  mounted() {
  //$on接收数据
    VueEvent.$on('totab',function(data) {
      console.log(data);
    });
  }
};
</script>

<style>
</style>