1. 一种组件间通信的方式,适用于任意组件间通信。在实际应用中还是全局事件总线用得多。
2.使用步骤:
- 安装第三方的订阅与发布库pubsub: npm i pubsub-js
- 接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身
methods: { getStudentName(msgName, data){ console.log('有人发布了hello消息,hello消息的回调执行了!',msgName, data ) } }, mounted() { this.pubid = pubsub.subscribe('hello',this.getStudentName)//订阅消息 }, beforeDestroy(){ pubsub.unsubscribe('this.pubid') //取消订阅 }
- 提供数据:
methods: { sendStudentlName(){ pubsub.publish('hello', this.name)//发布消息 }, },
- 取消订阅
beforeDestroy(){ pubsub.unsubscribe('this.pubid') //取消订阅 }