描述
一种组件间通信的方式,适用于任意组件间通信,与全局事件总线类似
npm安装
npm i pubsub-js
组件中引入使用
import pubsub from 'pubsub-js'
基础语法
消息发布:
pubsub.publish('用于订阅的值', 传值)
消息订阅:
PubSub.subscribe(‘用于订阅的值’, 回调函数)
回调函数的参数: 有两个参数
第一个:用于订阅的值
第二个:传过来的值
取消订阅:
单个: pubsub.unsubscribe(‘订阅消息的变量’)
这个变量类似于我们定义定时器时的变量,相当于给他个名称,方便我们操作
所有: pubsub.clearAllSubscriptions()
使用
父组件中引入三个子组件
<oneVue />
<twoVue />
<thrVue />
第一个子组件发布消息
// html
<button @click="send">给值</button>
// js
msg: 'one的msg'
send() {