Componentv2.2.2

A class used to manage events and options in a component.
#eventemitter #options

Getting Started / Demos / Documentation / Source

Getting Started

Browser support

IE 7+ (possibly 9 also), latest of Chrome/FF/Safari, iOS 7+ and Android 2.3+ (except 3.x)

Quick steps to use:

Load files

<!-- 1) Load egjs packaged file -->

<script src="//naver.github.io/egjs-component/release/latest/dist/component.min.js"></script>

Use Component(ES6)

// es6 style
class Some extends eg.Component{
	foo(){
		this.trigger("hi");// fire hi event.
	}
}

var some = new Some();
some.on("hi",()=>{
	console.log("fire hi event");
});

Use Component(ES5)

//es5 style
function Some(){
	
}
Some.prototype = new eg.Component(); //extends
Some.prototype.constructor = Some;
Some.prototype.foo = function(){
	this.trigger("hi");// fire hi event.
}

var some = new Some();
some.on("hi",function(){
	console.log("fire hi event");
});

Demos

Basic

Trigger 'foo' Event   Attach 'foo' Event   Detach 'foo' Event 
// es6 style
class Some extends eg.Component{
	foo(){
		this.trigger("hi");// fire hi event.
	}
}

var some = new Some();
some.on("hi",()=>{
	console.log("fire hi event");
});