文章目录
消息订阅与发布
一种组件间通信的方式,适用于任意组件间通信。
使用步骤:
-
引入: import pubsub from ‘pubsub-js’
-
接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。
methods: {
demo(msgName,name){
alert(name);
}
},
mounted() {
this.pubId=pubsub.subscribe('showName',this.demo)
},
注意解绑要用pubId
beforeDestroy() {
pubsub.unsubscribe(this.pubId)
},
- 发送信息
methods: {
showName(){
pubsub.publish('showName','msgName',this.name)
}
},
可以不传送’shhowName’
在接受时用占位符
mounted() {
this.pubId=pubsub.subscribe(_,this.demo)
},