1,初始化 package.json (npm init)
2,勾选允许使用 npm
3,下载 npm 包
4,下载 pubsub npm i pubsub-js(可以实现页面之间的通讯)
pubsub-js
5,使用 import PunSub from ‘pubsub-js’
引入后要记得在开发者工具中构建npm包,如果不构建会报路径错误
订阅方:
订阅方是接收数据的一方
PubSub.subscribe(事件名,事件的回调)
发布方:
发布方是提供数据的一方
PubSub.publish(事件名,提供的数据)
**Examples**
// 订阅方
import PubSub from "pubsub-js" 或者 const PubSub = require('pubsub-js');
// name:订阅名称(自定义) msg:订阅的名称 data:发布方传递过来的数据
PubSub.subscribe('name', (msg, data) => {
console.log(data); // 我是发布方传过来的数据
// 取消订阅
PubSub.unsubscribe('name')
})
// 发布方
PubSub.publish('name', data)