Vue-46、Vue消息订阅与发布

1、一种组件间通信的方式,适用于任何组件间通信。

2、使用步骤

  1. 安装pubsub
npm i pubsun-js
  1. 引入:
import pubsub from 'pubsub-js'
  1. 引入:接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调函数留在A组件自身。
methods(){
	demo(){....}
}
.....
mounted(){
	this.pid = pubsub.subscribe('xxx',this.demo)//订阅消息
}
  1. 提供数据:
pubsub.publish('xxx',数据)
  1. 最好在beforeDestroy钩子中,取消订阅
pubsub.unsubscribe(pid)

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