博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
3.Vue非父子组件之间的通信
阅读量:5884 次
发布时间:2019-06-19

本文共 348 字,大约阅读时间需要 1 分钟。

Vue非父子组件之间的通信

如果不是父子组件需要通信,那将怎样实现呢?

首先我们需要创建一个事件中心,通过事件中心来接收或者传递事件,作为一个中转站

1.创建事件中心

let eventControl = new Vue();

2.组件1触发事件

此时此刻已完成需要的事件的添加到了中转站,触发事件已经完成

3.组件2接收触发事件

此时此刻已完成接收事件的监听在中转站,接收事件已经完成,当触发事件被点击的,则中转站中的接收事件

会监听到,从而完成费父子组件间的通信,进行传递msg信息

4.自定义事件传递信息这里不做阐述,方法会较为复杂,需要了解的可以观看官方Api,谢谢

转载地址:http://hrlix.baihongyu.com/

你可能感兴趣的文章
(转)C# 把我所积累的类库全部分享给博友(附件已经上传)
查看>>
Silverlight5 无法切换输入法,无法输入中文的原因及解决初探
查看>>
游戏开发基础:方向键的组合,八方向实现
查看>>
黑书-DP-方块消除 ****
查看>>
MySQL 分区
查看>>
我的架构经验系列文章 - 后端架构 - 语言层面
查看>>
DEFERRED_SEGMENT_CREATION
查看>>
读取手机硬件信息
查看>>
一致哈希
查看>>
The connection to adb is down, and a severe error has occured. 问题解决
查看>>
在Jenkins中配置运行远程shell命令
查看>>
代码杂记
查看>>
linux中防CC攻击两种实现方法(转)
查看>>
《Programming WPF》翻译 第9章 4.模板
查看>>
Windows7+VS2012下OpenGL 4的环境配置
查看>>
Linux Kernel中断子系统来龙去脉浅析【转】
查看>>
Linux NFS服务器的安装与配置
查看>>
Ada boost学习
查看>>
Unity中SendMessage和Delegate效率比较
查看>>
Linux下EPoll通信模型简析
查看>>