兄弟组件间的通信
消息订阅-发布机制
工具库: PubSubJS
下载: npm install pubsub-js --save
使用:
import PubSub from ‘pubsub-js’ //引入
PubSub.subscribe(‘delete’, function(data){ }); //订阅
PubSub.publish(‘delete’, data) //发布消息
(1)父亲组件中不需要写state数据,给需要的组件
(2)list组件
原先:
更改后:
(3)search组件也不需要传递函数
app组件:
原search组件:
list组件引入PubSubJS库,订阅消息:msg必须传,第二个才是传递的数据
search发布消息
在点击按钮后会调用search中的发布消息,订阅消息的list组件就会接受到消息
这时候只要更新数据状态即可:
search组件:
list组件:
取消订阅,在组建销毁前:
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果