事件绑定一个事件名称对应多个事件函数 应此它们的关系是一对多的关系 数据类型采用对象的形式
key:val 因为函数有多个 所以val选用数组
 
事件仓库
  eventList = {
    key:val,
    key:val
  }
绑定事件
on(eventName,cb){}
 
第一步判断当前事件是否存在 如果不存在 初始化一下 key:[] 然后在将cb push到数据中去即可
let eventList = {};

const $on=(eventName,cb)=>{

    if(!eventList[eventName]){
eventList[eventName] = [];
}
eventList[eventName].push(cb)
}
 
触发事件
emit(eventName,params){}
 
第一步判断事件名称是否存在 如果存在 遍历数组中的所以函数调用即可 如果params存在 将params传递函数中
const $emit = (eventName,params)=>{

    if(eventList[eventName]){
let arr = eventList[eventName];
arr.map((cb)=>{
cb(params)
})
}
}
 
解绑事件
off(eventName,cb){}
第一步判断事件名称是否存在 如果存在 再次判断第二个参数是否存在 如果存在将这个cb从当前数组中移除 如果第二个参数不存在 清空数据
const $off = (eventName,cb)=>{
if(eventList[eventName]){
if(cb){
let index = eventList[eventName].indexOf(cb);
eventList[eventName].splice(index,1); }else{
eventList[eventName].length = 0; }
}
}
 
 
 
 

最新文章

  1. Spring+quartz整合问题
  2. strace 监控所有php-fpm worker
  3. unity, 搜索组件
  4. pandas
  5. jQuery选择器之可见性过滤选择器Demo
  6. 《APUE》第三章笔记(2)
  7. 如何使用UDP进行跨网段广播(转)
  8. jq hide show
  9. 微信小程序---获取上传图片大小
  10. git的使用方式总结
  11. python虚拟环境virtualenv简介
  12. QT获取窗口句柄
  13. Nginx配置https的wordpress站点,wp-content目录下资源404解决方案
  14. zabbix——拓扑图入门
  15. MVC与单元测试实践之健身网站(一)-项目概述
  16. github与gitlab与git三个基佬的故事
  17. 整理一下原生js的dom操作
  18. Vue脚手架搭建步骤
  19. imperva 默认策略添加例外
  20. 资深投资人全力反击: VC增值平台从来就不是一坨狗屎

热门文章

  1. Jenkins Vue项目自动构建以及构建后续操作
  2. Model类代码生成器
  3. net core 依懒注入 中间件
  4. Linux系统下一个冷门的RAID卡ioc0及其监控mpt-status
  5. 20175305张天钰Java结对编程四则运算
  6. Java类是如何默认继承Object的
  7. 【java】-- java反射机制
  8. ftp无法上传问题
  9. 2019年3月2日-小雨.md
  10. web应用、HTTP协议及web框架简介