在页面加载vue2上传递组件数据

时间:2017-08-03 15:13:45

标签: javascript vuejs2

我知道有可能通过发射或道具传递数据,但是有可能在两个兄弟之间传递数据"加载页面时的组件?

1 个答案:

答案 0 :(得分:1)

如果我理解这个问题。您可以根据需要创建全局总线,vue-js可以轻松实现。您也可以查看this fiddle

EventBus

创建文件event-bus.js

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

组件A

发送您要做的数据

import { EventBus } from './event-bus.js';
EventBus.$emit('my-event', this.data);

组件B

要接收其他组件中的数据

import { EventBus } from './event-bus.js';
EventBus.$on('my-event', data=> {
  console.log(`${data}`)
});