AI
推荐
模板社区
专题
登录
免费注册
首页
思维导图
详情
17、组件信息通讯——EventBus
2022-04-01 12:41:39
0
举报
分享方式
使用 (￥3)
AI智能生成
vue
前端开发
组件通讯
vue
eventBus
金色小芝麻
模板推荐
作者其他创作
大纲/内容
定义
利用 EventBus（事件总线）进行整体管控
完全的发布订阅模式
原理
不论父子还是兄弟，还是不相关的组件，<b><font color="#c41230">只要保证每个组件中都可以获取到这个事件池即可</font></b>
操作步骤
1、创建一个总的事件池（vm实例）
2、父组件中有自己的状态信息，也有修改状态的方法；子组件中也有自己的状态信息，也有修改状态的方法<br>
======================
各组件呈现的内容完全基于自己的状态信息来渲染即可
3、我们会把子组件和父组件的方法全部放到事件池中
4、点击操作时，只要通知事件池中的方法执行即可
对应代码
1、创建总的事件池
创建总的事件池：EventBus
2、创建各自的状态和方法<br>3、把所有方法放到事件池<br>
<br>
4、点击操作，通知事件池执行
<br>
举例
图解
<br>
收藏
立即使用
资料分析-统计术语
收藏
立即使用
21.1、vue-cli创建项目
收藏
立即使用
21.2、vue-cli文件目录
收藏
立即使用
21.3、vue-cli进阶处理
金色小芝麻
职业：Web 前端开发
去主页
Collect
Get Started
通讯录检索流程图
Collect
Get Started
处理流程图通讯录
Collect
Get Started
通讯录
Collect
Get Started
云通讯结构
评论
0
条评论
下一页
图形选择
思维导图
主题
补充说明
AI生成
修改AI描述
去编辑
重新生成
提示
关闭后当前内容将不会保存，是否继续？
取消
确定
Document
