vue九消息订阅与发布

---

消息订阅与发布

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

使用步骤：

1. 引入: import pubsub from ‘pubsub-js’

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

    methods: {
        demo(msgName,name){
          alert(name);
        }
    },

  mounted() {
      this.pubId=pubsub.subscribe('showName',this.demo)
  },

注意解绑要用pubId

  beforeDestroy() {
      pubsub.unsubscribe(this.pubId)
  },

3. 发送信息

   methods: {
        showName(){
            pubsub.publish('showName','msgName',this.name)
        }
    },

可以不传送’shhowName’
在接受时用占位符

  mounted() {
      this.pubId=pubsub.subscribe(_,this.demo)
  },