vue：消息订阅与发布

最新推荐文章于 2024-07-23 15:45:06 发布

helloWorldJavaQi

最新推荐文章于 2024-07-23 15:45:06 发布

阅读量441

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/helloWorldJavaQi/article/details/121742964

版权

组件之间通信的一种方式
使用：安装第三方插件：例如npm i pubsub-js，在需要使用组件中 import pubsub from ‘pubsub-js’
API：订阅消息：this.pubid = pubsub.subscribe('demo',methodName)
发布消息：pubsub.publish('demo',data)，如果传输的data中是多个参数pubsub.publish('demo',{k1:v1,k2:v2,...})，那么接收必须用一个对象，methodName(_,obj)，obj是包含多个参数的对象
在beforeDestroy方法中，取消订阅，pubsub.unsubscribe(pubid)
订阅消息，回调函数中收到data数据，第一个是订阅消息名，第二个才是data，一般使用’_'作为占位符
开发者工具vue中看不到引用第三方库触发的事件信息，因为vue不支持

关注