import Vue from 'vue'; // 使用 Event Bus const bus = new Vue(); export default bus;
时间: 2024-01-12 22:02:35 浏览: 135
VueEventBus:Vue的EventBus实现
这段代码是在Vue.js中使用事件总线(Event Bus)的实现方式之一。事件总线是一种发布/订阅模式,用于在不同组件之间通信。在这段代码中,我们首先通过 `import` 语句引入Vue.js库,然后创建一个Vue的实例 `bus` 作为事件总线。通过 `export default` 将 `bus` 对象导出,其他组件可以通过 `import` 引入该事件总线并进行事件的订阅和发布。例如,在一个组件中可以通过以下方式发布一个事件:
```
import bus from './eventBus';
bus.$emit('my-event', data);
```
在另一个组件中可以通过以下方式订阅相同的事件:
```
import bus from './eventBus';
bus.$on('my-event', (data) => {
// 处理事件逻辑
});
```
这样,我们就可以在不同的组件之间实现事件的传递和处理。
阅读全文