消息订阅与发布(pubsub)
1.这是一种组件间通信的方式,适用于任意组件间通信
2.使用步骤:
安装pubsub: npm i pubsub-js
引入:import pubsub from ‘pubsub-js’
接收数据:A组件想要接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身
methods(){ demo(msgname,data){}//传递两个参数,第一个是订阅消息的名字,第二个才是传递的数据 } mounted(){ this.pid=pubsub.subscribe('xxx',this.demo)//订阅消息 或 this.pid=pubsub.subscribe('xxx',()=>{}) }提供数据:pubsub.publish(‘xxx’,数据)
最好在beforeDestory钩子中,用pubsub.unsubscribe(this.pid)去取消订阅
