Vue兄弟组件之间的通信(EventBus)
来源:互联网 发布:长春淘宝图片拍摄 编辑:程序博客网 时间:2024/05/16 18:41
在开发中,不可避免的要碰到需要兄弟组件之间相互通信的地方,在Vue的1.0版本中,我曾经采取的方式是通过两个兄弟组件的共同父级进行通信。主要用到$dispatch和$broadcast这两个方法。但在如今的2.0版本中 ,这两个方法已经废弃,而且在我看来依靠这种方式来实现本身也不够优雅。所幸2.0版本中为我们提供了新的实现方式。下面就来简单介绍下这种方式,即EventBusvar bus = new Vue()// 触发组件 A 中的事件bus.$emit('id-selected', 1)// 在组件 B 创建的钩子中监听事件bus.$on('id-selected', function (id) { // ...})其实就是两个组件共享一个Vue的实例,其中一个组件触发事件,另一个组件监听事件后触发回调函数。
阅读全文
0 0
- Vue兄弟组件之间的通信(EventBus)
- vue 兄弟组件之间的通讯
- vue组件之间的通信
- vue组件之间的通信
- VUE组件之间的通信
- vue组件之间的通信
- vue中兄弟组件通信
- 浅谈组件之间的通信—EventBus
- vue.js之路(4)——vue2.0s中eventBus实现兄弟组件通信
- vue 兄弟组件之间传数据之$emit 和 $on 组件通信
- vue组件之间的多种通信方法
- vue组件之间的多种通信方法
- vue父子组件之间的通信
- 总结vue父子组件之间的通信
- 关于Vue父子组件之间的通信
- vue 同级组件之间的通信
- Vue--兄弟级别组件之间传递参数
- vue 兄弟组件之间事件触发
- retrofit的简单使用
- 那些年,踩过的坑
- javascript dom部分
- 欢迎使用CSDN-markdown编辑器
- react.js路由(4.x):模拟一个用户登录
- Vue兄弟组件之间的通信(EventBus)
- JavaWeb-Servlet编程 Part2
- 操作系统 --- 中断和轮询
- 钢铁行业,煤炭行业,有色金属行业的历史利润,负债率
- 函数调用规范__cdecl和__stdcall的区别
- Android使用jsoup解析音乐网站获取歌名与歌手名显示在ListView上
- SlidingMenu侧拉菜单,两侧都可以拉动
- React Native Picker (多列数据)
- BZOJ2242 SDOI2011 计算器