1.2.4 • Published 4 years ago
event-simple v1.2.4
event-simple 使用指南 event-simple 是一个简单的实现前端自定义事件监听与触发的库 兼容各大框架
使用 - 基本使用
const eventSimple = require('event-simple')
Monitoring events (监听事件)
eventSimple.on('eventName', function() {
let handlerArgs = Array.prototype.slice.call(arguments, 0)
console.log('arguments:', ...handlerArgs)
})
你可以为同个事件绑定多个方法: 如下
let fn1 = function (arg1, arg2) {
console.log('the fn1 arg1:', arg1)
console.log('the fn1 arg2:', arg2)
}
let fn2 = function (arg1, arg2) {
console.log('the fn2 arg1:', arg1)
console.log('the fn2 arg2:', arg2)
}
链式调用
eventSimple.on('eventName', fn1).on('eventName', fn2).emit('eventName', 'test1')
emitting events (发送事件)
eventSimple.emit('eventName', 'arg1', 'arg2', ...)
removing events (移除事件)
移除事件绑定的全部方法
eventSimple.off('eventName')
移除绑定事件的指定方法 例:
let fn1 = function (arg1, arg2) {
console.log('the fn1 arg1:', arg1)
console.log('the fn1 arg2:', arg2)
}
let fn2 = function (arg1, arg2) {
console.log('the fn2 arg1:', arg1)
console.log('the fn2 arg2:', arg2)
}
eventSimple.on('eventName', fn1).on('eventName', fn2)
移除绑定事件的fn1监听
eventSimple.off('eventName', fn1)
支持链式调用
eventSimple.on('eventName', function() {
let handlerArgs = Array.prototype.slice.call(arguments, 0)
console.log('arguments:', ...handlerArgs)
}).emit('eventName', 'arg1', 'arg1')
如果需要在第三方框架上使用,只需要把event-simple挂在全局上即可
如在vue中使用如下:
在main.js中引入并挂在原型上,即可全局调用
import Vue from 'vue' const eventSimple = require('event-simple')
Vue.prototype'$eventSimple' = eventSimple
new Vue({
...
})
这样就可以在项目中的任何地方通过调用
this.$eventSimple.on('eventName', function (a) {
console.log('arg:', a)
}).emit('eventName', 233).on('eventName1', function (b) {
console.log('argb:', b)
}).emit('eventName1', 34234)
1.2.4
4 years ago
1.2.3
4 years ago
1.2.0
4 years ago
1.2.1
4 years ago
1.1.9
4 years ago
1.1.8
4 years ago
1.1.7
4 years ago
1.1.6
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.1
4 years ago
1.1.2
4 years ago
1.1.0
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.2
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago