Vue2.0 事件发射与接收
来源:互联网 发布:js object添加元素 编辑:程序博客网 时间:2024/05/21 05:55
参考文档:http://blog.csdn.net/a5534789/article/details/53415201
由于vue2.0 是使用集中的事件处理器,通过定义一个空的vue实例 实例实现了一个事件分发接口,
这样可以做到在任何组件都可以调用事件发射 接受的方法
请直接看代码,在初始化web app的时候,给data添加一个 名字为eventhub 的空vue对象
new Vue({ el: '#app', router, render: h => h(App), data: { eventHub: new Vue() }})
某一个组件内调用事件触发
//通过this.
this.$root.eventHub.$emit('YOUR_EVENT_NAME', params)
另一个组件内调用事件接受,当然在组件销毁时解除绑定,使用$off方法
this.$root.eventHub.$on('YOUR_EVENT_NAME', (params)=>{ handle(params)} )
阅读全文
0 0
- Vue2.0 事件发射与接收
- Vue2.0 事件发射与接收
- Vue2.0 事件发射与接收
- 红外发射与接收原理
- 红外线接收与发射Right
- 红外线的接收与发射(IR)
- vue2.0键盘事件
- 无线广播相关信号(收音机)的发射与接收
- GNURadio+HackRF小实验(FM发射与接收)
- Arduino Uno 激光发射与接收模块传感器 应用
- 事件接收与忽略
- 事件接收与忽略
- 事件接收与忽略
- 发送与接收事件
- 电磁波的发射和接收
- 事件接收与忽略-20
- vue2.0 中事件处理心得
- 用stm32F407实现红外信号的发射与接收(1)
- 不容易系列之(3)—— LELE的RPG难题 hdu2045
- jQuery笔记(操作DOM)
- Fire Game
- 程序设计和C语言以及算法
- Bing It On (Kattis
- Vue2.0 事件发射与接收
- hdu 6055 Regular polygon(判断正方形)(2017 Multi-University Training Contest
- csu1587 爬楼梯
- 打印变长tuple中的所有元素值
- CSU-ACM2017暑期训练3-递推与递归I
- 第二章:算法-----程序的灵魂
- GOP/ 码流 /码率 / 比特率 / 帧速率 / 分辨率的区别与联系
- 图片转化成base64字符串
- 【NOIP2017】SummerTraining0721