首页 > 其他分享 >vue学习之------兄弟组件通过EventBus共享数据

vue学习之------兄弟组件通过EventBus共享数据

时间:2022-08-16 16:58:03浏览次数:72  
标签:vue bus mitt 组件 ------ EventBus

1、先安装 mitt 依赖包

npm i [email protected]

2、写一个公共的引入 mitt 的 js 文件

 

3、父组件

 

4、发送数据:BroOne

bus.emit(" 约定好的事件名称 ",要发送的数据)

 

5、接收数据:BroTwo

bus.on(" 约定好的事件名称 ",数据处理函数)  

 

 

 

标签:vue,bus,mitt,组件,------,EventBus
From: https://www.cnblogs.com/zhaoyingzhen/p/16592082.html

相关文章

  • python数据结构学习整理-集合
    """集合的定义-无序的唯一对象集合-用大括号{}包围,对象相互之间使用逗号分隔-集合是动态的,可以随时添加或删除元素-集合是异构的,可以包含不同类型的数据"""集合的使......
  • Git将本地仓库中的项目提交到远程仓库(命令方式)
    1,在自己的本地磁盘中建立文件夹,用于存项目2,复制自己远程仓库的位置在当前文件夹中打开cmd窗口   使用第一个命令gitclone+自己的远程仓库路径然后将其克隆......
  • mocha + enzyme, 或者React Testing Library + Jest 的ajax测试
    //app.test.jsimport{rest}from'msw';import{setupServer}from'msw/node';//模拟请求,和返回数据constserver=setupServer(  rest.get('/api/os/......
  • 性能测试(一)
    一、软件性能:对一个产品而言,性能的及时性是用响应时间+吞吐量来进行衡量。事务:一个用户操作行为,或者说是事务,比如单个的事务,响应时间就是完成事务所需要的时间,对用户而言......
  • RFM分析 | 一招搞定精细化客户管理,盒马鲜生等企业都在用
     阿里巴巴CEO张勇在盒马鲜生的管理会上说:“进行RFM用户分析 ,以数据驱动,精细化用户运营是核心。新模式要大胆假设小心求证,验证有效以后再快速复制。”RFM与精细化管理......
  • 【组成原理-数据】浮点数的编码与运算
    目录1浮点数的格式1.1符号(S)1.2阶码(E)1.3尾数(M)2IEEE754标准2.1短浮点数(float型)短浮点数的解释2.2长浮点数(double型)长浮点数的解释2.3相关例题3尾数的......
  • 使用openssl转换证书pem转jks
    选择一个安装号openssl和java环境的服务器opensslpkcs12-export-in'8076163__chnenergy.com.cn.pem'-inkey'8076163__chnenergy.com.cn.key'-out'keystore.p12'-......
  • 解决Redis、MySQL缓存双写不一致问题
     redis、mysql双写缓存不一致: 但是在更新缓存方面,对于更新完数据库,是更新缓存呢,还是删除缓存。又或者是先删除缓存,再更新数据库,其实大家存在很大的争议。目前没有一......
  • DVD复制软件推荐
    给大家带来的是一款非常专业的被广受好评的DVD复制软件DVDCloner,作为全世界最顶级的DVD复制软件最新一代的产品DVDCloner2022Mac拥有许多优秀的功能,它还可以解密DVD和......
  • MySQL三
    约束条件之主键约束条件之外键操作表的SQL语句补充今日内容详细约束条件1.primarykey主键 1.单从约束角度上而言主键等价于非空且唯一notnullunique cr......