Bootstrap

pubsub消息订阅与发布

描述

一种组件间通信的方式,适用于任意组件间通信,与全局事件总线类似

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() {
 
;