观察多个独立组件如何通过事件总线进行通信,注意内存管理的重要性
使用 Event Bus 时,如果组件销毁前没有取消订阅($off),会导致内存泄漏。推荐在 beforeUnmount 钩子中清理订阅。
// 正确做法
export default {
created() {
this.$bus.$on('event', this.handler)
},
beforeUnmount() {
this.$bus.$off('event', this.handler) // 必须取消订阅
}
}