vue消息订阅与发布

我们前面讲了父子组件之间通过prop来实现消息传递；但是再其他情况，比如兄弟组件，爷孙组件消息传递时候，就要用到高级的消息订阅与发布；

首先我们安装下消息订阅与发布pubsub组件；

npm install --save pubsub-js

然后我们来改造下前面的案例；

1，App.vue里订阅消息，相当于前面的绑定事件监听；

引入pubsub

import PubSub from 'pubsub-js'

// 订阅消息，参数一 消息名  参数二 处理的回调函数

PubSub.subscribe('add',(msg,data)=>{

this.addMenu(data);

})

2，Menu.vue里发布消息，相当于前面的触发事件

引入pubsub

import PubSub from 'pubsub-js'

// 发布消息 相当于触发事件  参数一 发布的消息名，参数二 数据参数

PubSub.publish('add',menu)

测试OK的；