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