1.组件传值的方式

2.事件监听原理

3.事件管理器

utils/event.js

/**
* 事件池(事件管理器)
* 通过事件监听传值
*/
class Event {
constructor() {
this.events = {};
} // 监听
on(eventName,callBack){
if(this.events[eventName]){
// 存在事件
this.events[eventName].push(callBack);
}else{
// 不存在事件
this.events[eventName] = [callBack];
}
} // 触发
emit(eventName,params){
if(this.events[eventName]){
this.events[eventName].map((callBack) => {
callBack(params);
})
}
}
} export default Event;

4.调用实例

import Event from './event';
let myEvent = new Event(); // 实例化一个事件管理器 // 触发事件
myEvent.emit("changeCata"); // 监听事件
myEvent.on("changeCata",() => {
//
});

5.

最新文章

  1. 不注册Activex 直接调用它
  2. AIX 5L 系统管理技术 —— 存储管理——卷组
  3. 用Action的属性接受参数
  4. ruby在线学习
  5. hive学习笔记_hive的介绍与安装
  6. 扩展UIColor类
  7. sed 详解
  8. java_annotation_01
  9. Linux 计算器
  10. Linux课程_系统配置和日常维护
  11. JAVA中Singleton的用法
  12. php几行代码实现CSV格式文件输出
  13. 微信公众号批量爬取java版
  14. DOMContentLoaded、readystatechange、load、ready详谈
  15. Jenkins持续集成-自动化部署脚本的实现
  16. react-native No bundle URL present
  17. Python函数 dict()
  18. Drools5
  19. 解决linux-mysql 登录时,报异常:Access denied for user 'root'@'localhost'
  20. 强化学习之QLearning

热门文章

  1. [JSOI2007]文本生成器 --- AC自动机 + DP
  2. iframe里面的页面调用父窗口,左右窗口js函数的方法
  3. 典型案例收集-OpenVPN不同网段的访问控制(转)
  4. WinDbg-如何抓取dump文件
  5. Windows UWP开发系列 – 控件默认样式
  6. change kernel defconfig
  7. RTMP协议发送H.264编码及AAC编码的音视频,实现摄像头直播
  8. find命令专辑
  9. java读写锁实现数据同步访问
  10. pytest文档6-fixture之yield实现teardown