vue消息订阅与发布,实现任意组件间通讯

第一步:下载第三方消息订阅与发布库,例如常用的pubsub.js,他可以在任何框架中使用包括vue、react、anglar等等。

命令:npm i pubsub-js

注意是pubsub-js(不是点);

第二步:引入库;

import pubsub from 'pubsub-js'

第三步:订阅消息;

vue消息订阅与发布,实现任意组件间通讯_第1张图片

第四部:接收消息;

vue消息订阅与发布,实现任意组件间通讯_第2张图片

 总结:

vue消息订阅与发布,实现任意组件间通讯_第3张图片

你可能感兴趣的:(vue.js,前端,javascript)