在Vue.js中使用eventbus传递被点击元素的数据

// eventbus.js

import Vue from 'vue';
export const eventBus = new Vue();

// ComponentA.vue

import { eventBus } from './eventbus.js';

export default {
  methods: {
    handleClick(data) {
      eventBus.$emit('elementClicked', data);
    }
  }
}

// ComponentB.vue

import { eventBus } from './eventbus.js';

export default {
  data() {
    return {
      clickedElementData: null
    };
  },
  created() {
    eventBus.$on('elementClicked', this.handleElementClicked);
  },
  beforeDestroy() {
    eventBus.$off('elementClicked', this.handleElementClicked);
  },
  methods: {
    handleElementClicked(data) {
      this.clickedElementData = data;
    }
  }
}