onfire.js是一个很简单的事件分发的Javascript库(仅仅0.9kb),简洁实用。将onfire.js下载下来并放置在开发项目某个目录下,例如根目录lib文件夹内。我就将它放到了资源文件夹assets里的lib文件夹内。
onfire.js可以用于什么
简单的事件分发;
在react/vue.js/angular用于跨组件的轻量级实现;
事件订阅和发布;
onfire.jsAPI方法:
1.on(event_name,callback)
绑定事件,参数为event_name和callback,当有名字为event_name的事件发生的时候,callback方法将会被执行。
这个方法会返回一个eventObj,这个可以用于使用un(eventObj)方法来取消事件绑定。
2.one(event_name,callback)
绑定(订阅)事件,参数为 event_name with callback.当被触发一次之后失效。只能被触发一次,一次之后自动失效。
3.fire(event_name,data)
触发名字为event_name的事件,并且赋予变量data为callback方法的输入值。
4.un(eventObj/eventName/function)
取消事件绑定。可以仅仅取消绑定一个事件回调方法,也可以直接取消全部的事件;
5.clear()
清空所有事件。
使用Demo:
引入js文件
npm install onfire.js
可以使用<script>标签直接引入;也可以使用require或者import关键字引入,会得到全局变量onfire。
import onfire from 'onfire.js';
// or
var onfire = require("onfire.js");
2.简单使用
使用方法on来订阅事件,使用un来取消订阅,使用fire方法来触发事件。
import onfire from 'onfire.js';
总之,onfire.js在使用页面对应的js文件中引入该文件,但是微信小程序这样引用会使代码可读性降低,就在微信小程序的app.js全局js文件中引入