1.安装pubsub
npm i pubsub-js
2.引入
import pubsub form 'pubsub-js'
3.接收数据
A组件接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。
mounted(){
this.pubId = pubsub.subscribe('xxx',(msgName,data)=>{ //订阅消息
....
})
},
4.提供数据
methods: {
ssss(){
pubsub.publish('xxx',数据)
}
},
最好在A组件beforeDestroy
钩子中取消订阅
beforeDestroy(){
pubsub.unsubscribe(this.pubId) //与计时器相似,通过返回值取消订阅
}