学习笔记：Vue任意组件间通信----消息订阅与发布

目录

        一. 因为消息订阅发布不是原生js和Vue自带的，所以需要下载第三方库

二 引入pubsub-js

三 订阅消息

四 发布消息

五 取消订阅（解绑）

六 总结

---

一. 因为消息订阅发布不是原生js和Vue自带的，所以需要下载第三方库

• 通过 npm 安装 （npm install pubsub-js)
• 通过CDN使用：pubsub-js CDN by jsDelivr - A CDN for npm and GitHub

二 引入pubsub-js

import pubsub from 'pubsub-js'

三 订阅消息

在需要接收数据的组件库中编写订阅消息的代码

        mounted() {
            this.pId = pubsub.subscribe('消息名',(messageName,data) =>{
                console.log('消息名称'+messageName + '----' + '传递数据' + data);
            })
        },

这里的messageName是回调函数自带的，无论你传不传参都会占据第一个形参位置，所以使用的时候要用任意名字代替&#