一、一種組件間通信的方式，適用于任意組件間通信。
二、使用步驟：

安裝 pubsub：npm i pubsub-js

引入：import pubsub from 'pubsub-js'

接收數(shù)據(jù)：A組件想接收數(shù)據(jù)，則在A組件中訂閱消息，訂閱的回調(diào)在A組件中

methods() {getData(msgName, data) {....}// msgName 消息名稱// data 接收傳過來的數(shù)據(jù) } ... mounted() {this.pId = pubsub.subscribe('xxx', this.getData) // 訂閱消息 }

提供數(shù)據(jù)：

// B 組件 methods() {sendData() {PubSub.publish('xxx', [要傳遞的數(shù)據(jù)])} }

最好在 beforeDestory 鉤子中，用 PubSub.unsubscribe(pid) 去取消訂閱

總結(jié)

以上是生活随笔為你收集整理的消息订阅与发布（pubsub)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。