佛山新网站建设咨询/1688精品货源网站入口

一种组件间通信的方式，适用于任意组件间通信；

使用步骤：

1、安装：

npm i pubsub-js

2、引入

import pubsub from 'pubsub-js'

3、接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。

methods(){demo(msgName,data){console.log(magName,name)}   
}
mounted(){this.pid = pubsub.subscribe(‘消息名’,this.demo) //订阅消息
}

4、提供数据：

pubsub.publish('消息名',数据) //发布

5、最好在beforeDestroy钩子中，取消订阅（在订阅消息组件销毁）

pubsub.unsubscribe(this.pid) //取消订阅