您的位置:首页 > 产品设计 > UI/UE

使用bus实现Vue组件间通信

2017-07-05 17:35 1046 查看
Vue组件间通信实现方法很多,主要有:

1.使用Vuex实现项目的状态管理(官方推荐)

2.props实现数据传递(父子组件,详细可查Vue官方文档)

3.网上很多博客提到的$dispatch ,$broadcast 方法,不过在Vue2.0中已经废弃

4.使用中转站(bus)的方法,可以方便的组件间通信

主要记录下第四种方法:

主要思路是设置一个额外的Vue对象作为中转站。

在组件A中使用 bus.$emit('userDefinedEvent',msg);在中转站中设置触发事件;

在组件B中使用 bus.$on('userDefinedEvent',(msg=>{})) ; 监听上一步设置的事件;在回调函数中实现想要触发的操作。

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: