社区
侯红彪的课程社区_NO_1
Vite + Vue3 系列课程
帖子详情
封装 EventBus 并在组件中实现传值
MagnumHou
2023-03-03 11:28:09
课时名称
课时知识点
封装 EventBus 并在组件中实现传值
封装 EventBus 并在组件中实现传值封装 EventBus 并在组件中实现传值
...全文
浏览
回复
打赏
收藏
封装 EventBus 并在组件中实现传值
课时名称课时知识点封装 EventBus 并在组件中实现传值封装 EventBus 并在组件中实现传值封装 EventBus 并在组件中实现传值
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
相关推荐
Vue事件总线,
eventBus
使用
使用目的
实现
组件
之内的通信,也就是传递数据 适用范围 兄弟
组件
传值
、爷孙
组件
传值
、
封装
组件
的时候要所有被调用的这个
组件
同时响应
实现
一些功能的时候 使用范例 新建js文件
eventBus
.js 内容为一个vue实例 import Vue from 'vue' export default new Vue() 如果全局调用的话,在main.js里面 import
eventBus
from './util/
eventBus
' Vue.prototype.$bus =
eventBus
局部调用的话,直
Flutter provider和
EventBus
区别
provider: 状态管理来管理统一的状态(数据),
实现
不同
组件
直接的
传值
和数据共享。
eventBus
: 现不同
组件
之间的数据
传值
,以及在一个
组件
中
执行另一个
组件
的方法。
vue---
组件
传值
--
eventBus
eventBus
—兄弟
组件
传值
两个
组件
页面a、b,属于兄弟关系,要求
实现
a向b
传值
,其
传值
实现
过程如下: 首先在vue 项目
中
的 main.js 创建一个 vue实例, export const
eventBus
= new Vue() 其
中
在a页面使用
eventBus
,代码如下: import {
eventBus
} from "../main";
eventBus
.$emit("userName", this.username); 在 b 页面使用
eventBus
,代码如下: eve
vue
组件
传值
之事件总线
组件
传值
之事件总线(两种方法
实现
使用事件总线
传值
) 除了上面这种初始时候在main.js之
中
直接将
eventBus
挂载到vue实例上面的方法,我们还可以是使用
封装
js文件的方法
实现
事件总线
传值
,
vue2兄弟
组件
传值
大家都会,但是vue3怎么兄弟
组件
传值
,其实很简单上操作。
Vue3
中
没有了
EventBus
跨
组件
通信,但是现在有了一个替代的方案 mitt.js,原理还是
EventBus
vue3兄弟
传值
只需安装一个小插件 npm i mitt -S 在src文件夹
中
建一个 mitt.js文件 文件
中
写入以下内容 // 先安装 npm i mitt -S // 然后像以前
封装
bus 一样,
封装
一下 import mitts from 'mitt' const mitt = mitts() export default mitt 兄弟
组件
a...
发帖
侯红彪的课程社区_NO_1
侯红彪的课程社区_NO_1
复制链接
扫一扫
2
社区成员
263
社区内容
社区管理员
加入社区
获取链接或二维码
帖子事件
编辑了帖子
(查看)
2023-03-03 13:55
创建了帖子
2023-03-03 11:28
社区公告
暂无公告