首页 > 其他分享 >前端Vue2-Day56

前端Vue2-Day56

时间:2022-10-22 10:45:23浏览次数:63  
标签:订阅 前端 pubId js subscribe 消息 Vue2 Day56 pubsub

消息订阅与发布pubsub:实现任意组件间通信

使用步骤:

① 安装pubsub-js:npm i pubsub-js

② 引入:import pubsub from 'pubsub-js'

③ 订阅消息:使用pubsub自带的subscribe方法

methods: {
 // subscribe的回调函数参数默认为消息名和数据! demo(msgName,data) { ... } } mounted() { this.pubId = pubsub.subscribe("消息名", this.demo) },

④ 提供数据: pubsub.publish('消息名',数据)

⑤ 最好在beforeDestroy中进行消息订阅的取消:利用消息订阅时产生的pubId进行取消!pubsub.unsubscribe(this.pubId)

标签:订阅,前端,pubId,js,subscribe,消息,Vue2,Day56,pubsub
From: https://www.cnblogs.com/LWHCoding/p/16815532.html

相关文章