vue 如何创建事件总线
时间: 2023-05-31 14:05:24 浏览: 109
Vuejs的事件总线bus
在Vue中创建事件总线,可以使用Vue实例的$emit和$on方法来实现。具体步骤如下:
1. 创建一个Vue实例,用于充当事件总线。
```javascript
var bus = new Vue()
```
2. 在需要发送事件的组件中,使用$emit方法触发事件,并传递需要携带的数据。
```javascript
bus.$emit('eventName', data)
```
3. 在需要接收事件的组件中,使用$on方法监听事件,并在回调函数中处理事件数据。
```javascript
bus.$on('eventName', function(data) {
// 处理事件数据
})
```
注意事项:
- 事件名称可以自定义,但需要保证发送和接收的组件中事件名称一致。
- 事件总线实例应该在多个组件之间共享,可以在Vue实例创建之后进行全局注册。
- 需要及时销毁事件总线实例,以避免内存泄漏问题。可以在组件销毁前使用$off方法移除事件监听器。
阅读全文