vue组件传参eventbus

对于Vue组件之间的通信，可以使用事件总线（EventBus）来传递参数。下面是一个使用EventBus传递参数的示例：

首先，在你的Vue项目中创建一个新的文件，例如event-bus.js，用于创建和导出一个EventBus实例：

import Vue from 'vue';

const EventBus = new Vue();

export default EventBus;

然后，在需要传递参数的组件中，可以使用EventBus来触发事件并传递参数：

import EventBus from '@/event-bus.js';

export default {
  methods: {
    sendMessage() {
      const message = 'Hello!';
      EventBus.$emit('messageSent', message);
    },
  },
};

在接收参数的组件中，可以使用EventBus来监听事件并获取传递的参数：

import EventBus from '@/event-bus.js';

export default {
  created() {
    EventBus.$on('messageSent', (message) => {
      console.log(message); // 输出 'Hello!'
    });
  },
};

通过以上方式，你可以在Vue组件之间传递参数，实现组件间的通信。请注意，在使用EventBus时，确保正确导入和使用EventBus实例。