Vue组件间通信之消息发布与订阅

一、安装pubsub-js(消息发布订阅的第三方组件很多，这里随便选一种演示一下效果)

npm install pubsub-js -S

二、main.js挂载全局对象

import PubSub from 'pubsub-js'
Vue.prototype.PubSub = PubSub

三、消息发布

  this.PubSub.publish('test',this.userList)

四、消息订阅

  this.pubid = this.PubSub.subscribe('test',function(message,users){
               console.log(message)
                console.log(users)
            })

五、解绑订阅

beforeDestroy() {
            this.PubSub.unsubscribe(this.pubid)
        }

总结： vue中推荐使用全局事件总线