微信小程序頁面通信-----消息訂閱發布

 

打開vscod，按Ctrl+~打開命令行，輸入

 一直回車

 

 

 打開gitHub

 

 

 

 打開vscod在命令行輸入

 

 

 刪除其它只留版本號和名字

在需要通信的兩個頁面的中js中引入

import PubSub from 'pubsub-js'

打開小程序會發現報路徑錯誤，是因為小程序是按相對路徑去找的

 

解剖辦法：找到微信小程序的工具-----構建npm,會將node_modules中的包打包到miniprogram_npm包中

轉換后會發現多了一個miniprogram_npm，正是將node_modules中的包打包到miniprogram_npm包中

使用：

在傳入數據的一方叫發布方使用

發布消息: PubSub.publish(‘eventName’, data)

 

接收數據的一方叫訂閱方使用

訂閱消息: PubSub.subscribe(‘eventName’, callback)

 

訂閱方：在A頁面相應的位置使用訂閱，起一個（switchType）名字注名字要相同，並打印

 

 發布方：在B頁面相應的點擊或其它事件使用並傳值

 

 回到微信小程序查看並點擊，可以看到傳入的值，並顯示的路徑是訂閱方的打印說明成功

 

 總結：

1. 使用第三方庫: pubsub-js

2. 安裝: npm install pubsub-js

3. 使用：

　　 a) Import PubSub from ‘pubsub-js’

　　b) 訂閱消息: PubSub.subscribe(‘eventName’, callback)

　　c) 發布消息: PubSub.publish(‘eventName’, data)

　　d) 取消訂閱: PubSub.unsubscribe(‘eventName’)