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

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

       上一篇文章讲了Vue父子组件之间的通信,这里就介绍一下非父子组件之间是如何通信的。

       非父子组件的通信一般有两种方法,一种是通过eventHub,也就是创建一个空的vue对象作为组件间通信的介质;另一种则是通过vuex状态管理。这里介绍的是第一种方法。

 

先贴上代码:

1     
2
3
4
5 6
12 13
18 19

整个原理是比较简单的,总结一下要点:

1.foo组件是通过$emit(name,val)方法将信息发送出去,name表示发送信息的名字,val表示发送的内容

2.然后bar组件里通过$on(name,callback)里获取到foo组件发送的内容,name表示foo组件发送的信息名字,callback表示一个回调函数,来执行获取信息后的一些操作

转载于:https://www.cnblogs.com/NickyLi/p/8532212.html

你可能感兴趣的文章
easyui-tree 修改图标
查看>>
一文带你快速了解,python是如何解析XML文件
查看>>
如何用30分钟快速优化家中Wi-Fi?阿里工程师有绝招
查看>>
云越发展,锁定问题就会越严重?
查看>>
什么样人适合学平面设计?零门槛入门工具收藏
查看>>
用户访问网页的流程原理
查看>>
FastDfs 文件系统迁移
查看>>
Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again
查看>>
数字格式化工具:Numeral.js 简介
查看>>
Django登录后,自动返回原操作页面的方法
查看>>
UltraEdit批量删除空行
查看>>
运行第一个容器 - 每天5分钟玩转容器技术(4)
查看>>
mysql实现vsftp虚拟用户访问
查看>>
(LNMP) How To Install Linux, nginx, MySQL, PHP
查看>>
write back vs write through
查看>>
各种链接
查看>>
开发工程师未来应具备的能力
查看>>
我的友情链接
查看>>
《Spring实战》第四版读书笔记 第一章 Spring之旅
查看>>
那些年,一起学的Java 2-4
查看>>