一、安装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中推荐使用全局事件总线