Vue学习笔记4---消息订阅与发布(pubsub-js)

1. 一种组件间通信的方式，适用于任意组件间通信。在实际应用中还是全局事件总线用得多。

2.使用步骤：

• 安装第三方的订阅与发布库pubsub: npm i pubsub-js
• 接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身

  methods: {
  	getStudentName(msgName, data){
  		console.log('有人发布了hello消息，hello消息的回调执行了！',msgName, data )
     }
   },
  mounted() {
  	this.pubid = pubsub.subscribe('hello',this.getStudentName)//订阅消息
  },
  beforeDestroy(){
  	pubsub.unsubscribe('this.pubid') //取消订阅
  }

• 提供数据：

  methods: {
  	sendStudentlName(){
  		pubsub.publish('hello', this.name)//发布消息
  	},
  },

   
•  取消订阅

  beforeDestroy(){
  	pubsub.unsubscribe('this.pubid') //取消订阅
  }