社区
橙汐工作室
Vite + Vue3 系列课程
帖子详情
封装 EventBus 并在组件中实现传值
MagnumHou
2023-03-03 11:28:09
课时名称
课时知识点
封装 EventBus 并在组件中实现传值
封装 EventBus 并在组件中实现传值封装 EventBus 并在组件中实现传值
...全文
20
回复
打赏
收藏
封装 EventBus 并在组件中实现传值
课时名称课时知识点封装 EventBus 并在组件中实现传值封装 EventBus 并在组件中实现传值封装 EventBus 并在组件中实现传值
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
vue
组件
间的事件
传
值
之(
EventBus
)
许多现代JavaScript框架和库的核心概念是能够将数据和UI
封装
在模块化、可重用的
组件
中
。这对于开发人员可以在开发整个应用程序时避免使用编写大量重复的代码。虽然这样做非常有用,但也涉及到
组件
之间的数据通讯。在Vue
中
同样有这样的概念存在。通过前面一段时间的学习,Vue
组件
数据通讯常常会有父子
组件
,兄弟
组件
之间的数据通讯。也就是说在Vue
中
组件
通讯有一定的原则。 父子
组件
通讯原则 为了提高组...
vue3 - 18.
eventBus
兄弟
组件
传
参
传
值
eventBus
:原理是利用js的发布订阅,通过事件调度
中
心处理。1. 通过父
组件
作为一个桥梁进行两个平级关系的
组件
相互
传
参。我们
封装
一个
eventBus
。以下方法不推荐使用!
Android
EventBus
实战 多个界面之间
传
值
1、概述 最近大家面试说经常被问到
EventBus
,github上果断down了一份,地址:https://github.com/greenrobot/
EventBus
,的确是个不错的框架,主要用于事件的发布和订阅。
EventBus
定义:是一个发布 / 订阅的事件总线。 这么说应该包含4个成分:发布者,订阅者,事件,总线。 那么这四者的关系是什么呢? 很明显:订阅者
vue
中
组件
之间相互通信
传
值
的几种方方法
vue
中
组件
之间相互通讯
传
值
的方式 我们在使用vue进行项目开发的时候为了更好地管理项目,我们会把每个功能
封装
成一个个的
组件
,在使用的时候直接引入并且调用
组件
来
实现
代码的复用。 我们在
封装
组件
的时候经常会留有一些预留的接口,供使用的时候调用和
传
入不同的数据,这个时候我们就涉及到了
组件
之前的相互
传
值
的问题。 我这里总结了在vue
中
组件
之前相互
传
值
的方法: 1、子
组件
和父
组件
通讯,通过调用父
组件
给
组件
自定义属性
值
来
实现
<!--parent.vue--> <template> &
VUE
实现
父子
组件
传
值
以及递归
组件
的
传
值
父
组件
<engineer :viewer=“viewer” @model=“getModel”> 注意:递归
组件
向外
传
递数据直接用$emit是无法
实现
的。 解决方法: 1方法1::用provide,inject方法
实现
。这种
实现
方法是
实现
爷爷
组件
和孙子
组件
通信的常用方法之一。但是逻辑上,爷爷
组件
和孙子
组件
之间是有耦合关系。如果
组件
封装
需要尽量
实现
解耦,这种方式是有缺点的。 2.方法2:用
eventBus
实现
:这种方法用在兄弟
组件
之间通信很常见。当然也可以用在爷爷
组件
...
橙汐工作室
3
社区成员
332
社区内容
发帖
与我相关
我的任务
橙汐工作室
前端HTML5、CSS3、JavaScript、Node、Vue、React、SSCMS、ECharts、Cenium 等技术学习交流
复制链接
扫一扫
分享
社区描述
前端HTML5、CSS3、JavaScript、Node、Vue、React、SSCMS、ECharts、Cenium 等技术学习交流
vue.js
前端框架
html5
企业社区
天津·河西区
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
核心使命:为IT从业者和技术爱好者提供一个优质的学习、交流和分享平台,促进技术创新和成长。
注意事项:请保持尊重、友善的交流环境,遵守社区规则,禁止发布违法、侵权、低俗或有害信息。
激励机制:为了鼓励积极参与社区的用户,我们会设置积分和勋章系统,支持高质量的原创内容和有益的互动。
感谢您的加入,期待与您一起在CSDN社区共同探索技术,交流经验,共同成长!
试试用AI创作助手写篇文章吧
+ 用AI写文章