beEventBus:An event bus written by javascript. Vuejs compatible

  • J8_526023
    了解作者
  • 10.3KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-07 19:44
    上传日期
beEventBus javascript版本的事件总线。 中文 主要特征 命名空间和事件名称驱动 支持单播,组播,广播 提供了一个事件工厂来简化事件的创建 您可以将其用作Vuejs插件 安装 在html中使用脚本标签: [removed] </ script> YOUR_PATH是存储beEventBus.min.js的静态资源URI。 npm: npm install be-eventbus-保存 类型和API //beEventBus.eventType | enum const eventType = { BROADCAST : 0 , //broadcast, event will broadcast to all the name matched handler and ignore n
beEventBus-master.zip
  • beEventBus-master
  • README_zh.md
    3.1KB
  • src
  • beEventBus.js
    4.7KB
  • .babelrc
    52B
  • example
  • example.html
    3.2KB
  • LICENSE
    1KB
  • README.md
    3KB
  • dist
  • beEventBus.min.js
    3.9KB
  • beEventBus.js
    6.9KB
  • .gitignore
    34B
  • package.json
    780B
内容介绍
# beEventBus an javascript version event bus. ### 中文 [README](https://github.com/AKACoder/beEventBus/blob/master/README_zh.md) ### key features - namespace & event-name driven - support unicast, multicast, broadcast - provided a event factory to simplify the creation of the event - you can use it as a Vuejs plugin ### install use script tag in html: > \<script src="YOUR_PATH/beEventBus.min.js"></script> > YOUR_PATH is the static resource URI where you store beEventBus.min.js npm: > npm install be-eventbus --save ### types & api ```javascript //beEventBus.eventType | enum const eventType = { BROADCAST: 0, //broadcast, event will broadcast to all the name matched handler and ignore namespace UNICAST: 1, //unicast, event will post to the last name matched handler under the namespace MULTICAST: 2, //multicast, event will post to all the name matched handler under the namespace } //beEventBus.event | object /*** * * @param namespace | string | namespace * @param name | string | event name * @param data | any | event data * @param type | beEventBus.eventType | valid event type * * @description you need new an beEventBus.event before you post an event to bus */ const event = function (namespace, name, data, type = eventType.BROADCAST){ this.namespace = namespace this.name = name this.data = data this.type = type } /*** * * @param namespace | string | namespace * @param type | beEventBus.eventType | valid event type * * @returns object | {newEvent(name, data)} | this function will return an object which has newEvent method that used to create new beEventBus.event * @description this is a factory method. you can preset the namespace and eventType, then the newEvent method of the return object will set this two parameter automatically */ const eventFactory = function (namespace, type = eventType.MULTICAST) {/*...*/} //beEventBus.bus api /*** * * @param eventName | string | event name * @param action | function | handler function * @param scope | object | callback context * @param namespace | string | namespace, default set to "BE_EVENT_BUS_DEFAULT_NAMESPACE" * * @returns object | eventHandler | eventHandler is an inner type * @description register an event handler */ beEventBus.bus.registerEventHandler(eventName, action, scope = null, namespace = "BE_EVENT_BUS_DEFAULT_NAMESPACE") /*** * * @param handler | eventHandler | the object returned by api registerEventHandler * @description unregister an event handler */ deregisterEventHandler(handler) /*** * * @param e | event | the event object to post * @description post an event to the bus */ post(e) ``` **use in Vuejs (npm installed)**: ```javascript /* ......... */ import {busForVue} from "be-eventbus"; Vue.use(busForVue) /* ......... this.$BEEventBus.bus this.$BEEventBus.eventType this.$BEEventBus.event this.$BEEventBus.eventFactory */ ``` ### Example please refer to [example](https://github.com/AKACoder/beEventBus/tree/master/example) directory ### License MIT
评论
    相关推荐
    • npm-repository:npm存储库代理
      npm-repository npm repository proxy 用于npm本地代理或者内网仓库,仅支持npm install命令。 环境: jdk 8 maven 3 配置文件: application.properties #代理服务器主机 server.hostname=localhost #端口 server....
    • piscis-npm-dummy-pkg:NPM虚拟软件包以测试专用NPM存储
      小型虚拟程序包,用于测试私有NPM存储库。 先决条件 像一样工作的私人NPM镜子 具有有效凭据的有效远程配置,请参阅 有关如何详细信息 准备包裹 请publishConfig package.json publishConfig设置以反映您的配置。
    • npm-adapter:将文件转到NPM存储
      < artifactId>npm-adapter [...] 怎么运行的? 首先,您上传由npm publish生成的json文件。然后,调用Npm#publish ,它触发meta.json文件的更新/生成和.tgz源代码档案的创建。 这提供了您需要对npm intall 命令...
    • Npm:@ T3am-Guia de uso Npm
      GUIAS DE USO EN NPM 全球的 手风琴 Npm的实现 npm install -g [paquete] @ [version] Npm全球配置 ...npm install [url]安装存储npm install [paquete] @ [version] Instala paquete con su pro
    • micro-npm-template:微型npm模板存储
      微型npm模板 npm功能 安装 使用安装: $ npm install --save npm-name 用法 const func = require ( 'npm-name' ) ;
    • npm-updates:从npm存储库发出更新事件
      npm存储库或任何节点模块存储库发出更新事件。 用法 const NPM = require ( 'npm-updates' ) ; const npm = new NPM ( ) ; npm . on ( 'update' , ( info ) => { console . log ( 'package' , info . name , 'was...
    • number-formatter:这是npm组件存储
      'npm install number-formatter-msenyoo' 用法 var numFormatter = require('number-formatter-msenyoo'); var formattedNum = numFormatter(123456789); 输出应为'123,456,789' 测验 'npm test'
    • lbaction-npmNPM(LauchBar 6操作)
      克隆/下载该存储库的母版,然后双击NPM.lbaction 。 然后,LaunchBar将提示您是否要安装它。 用法 输入npm ,然后应显示NPM 。 按空格键并输入软件包名称(例如webp )-然后只需等待几秒钟。 按Enter键在浏览器中...
    • npm-release
      npm-发布 该脚本执行以下操作 更新package.json中的版本 发布到npm 提交,标记并推送到存储
    • pixi-storybook:pixi-storybook npm软件包的存储
      pixi-storybook:pixi-storybook npm软件包的存储