知識點
- 消息訂閱與發(fā)布是一種理念拜隧,實現(xiàn)它需要具體的第三方庫,比如在angular中我們常用的rxjs,在這里講的是使用pubsub-js這個庫。
- 一種組件間通信的方式惩妇,適用于任何組件間通信碧聪。
- 使用步驟
- 安裝pubsub:
npm i pubsub-js
- 引入:
import pubsub from 'pubsub-js'
- 訂閱:A組件想接收消息冒版,則在A中訂閱消息,訂閱的回調寫在A組件中逞姿。
- 安裝pubsub:
...
mounted(){
//訂閱消息
this.pubId = pubsub.subscribe('hello',(_,data)=>{
console.log(data);
})
}
...
- 提供數(shù)據
pubsub.publish('hello',666);//發(fā)布消息
- 最好在beforeDestroy鉤子中取消訂閱辞嗡。
pubsub.unsubscribe(this.pubId)
備注: 比如訂閱消息里面,第一個參數(shù)滞造,消息名稱我們并不使用续室,這個時候,我們可以使用下劃線_占位