Vue2.0 事件发射与接收
来源:互联网 发布:东方财富通 for mac 编辑:程序博客网 时间:2024/05/21 01:43
由于vue2.0 移除了1.0中的$dispatch
和$broadcast
这两个组件之间通信传递数据的方法 ,官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了 一个空的vue实例就可以做到,因为Vue 实例实现了一个事件分发接口.
请直接看代码,在初始化web app的时候,给data添加一个 名字为eventhub 的空vue对象
new Vue({ el: '#app', router, render: h => h(App), data: { eventHub: new Vue() }})
好的 这个时候 你就可以一劳永逸了,在任何组件都可以调用事件发射 接受的方法了.
如何获取到这个空的vue对象 eventhub呢.在组件里面直接调用这个
某一个组件内调用事件触发
//通过this.$root.eventHub获取此对象//调用$emit 方法this.$root.eventHub.$emit('YOUR_EVENT_NAME', yourData)
另一个组件内调用事件接受,当然在组件销毁时接触绑定,使用$off
方法
this.$root.eventHub.$on('YOUR_EVENT_NAME', (yourData)=>{ handle(yourData)} )
阅读全文
0 0
- Vue2.0 事件发射与接收
- Vue2.0 事件发射与接收
- Vue2.0 事件发射与接收
- 红外发射与接收原理
- 红外线接收与发射Right
- 红外线的接收与发射(IR)
- vue2.0键盘事件
- 无线广播相关信号(收音机)的发射与接收
- GNURadio+HackRF小实验(FM发射与接收)
- Arduino Uno 激光发射与接收模块传感器 应用
- 事件接收与忽略
- 事件接收与忽略
- 事件接收与忽略
- 发送与接收事件
- 电磁波的发射和接收
- 事件接收与忽略-20
- vue2.0 中事件处理心得
- 用stm32F407实现红外信号的发射与接收(1)
- dmidecode查看linux硬件信息
- java操作:mysql数据库导入、导出
- 初步使用HttpClient
- Dubbo实战(一)快速入门
- 283. Move Zeroes
- Vue2.0 事件发射与接收
- windows命令行能连上ftp,但是资源管理器连接报550
- mybatis级联删除
- 图片处理
- OKHttp_utils第三方库的使用学习,亲自验证。
- Android客户端访问服务器保持SESSION会话的实现
- android打包出现 java.lang.OutOfMemoryError: GC overhead limit exceeded [dx] at java.util.Arrays.copy
- git的 init、push、import的简单使用
- emwin在SDRAM中绘制图形,直接加载到LCD速度比较块