node events元件使用

2021-08-29 20:29:41 字數 2790 閱讀 8444

events元件可以自定義事件

基本語法demo

//這是乙個events模組例子

var events=require("events");

//例項化

var eventemitter=new events.eventemitter();

//自定義事件 第乙個引數事件名,第乙個是事件的方法

eventemitter.addlistener("demo1",function())

//呼叫自定義事件,第乙個引數是需要呼叫的事件名,第二個是該呼叫事件的引數

eventemitter.emit("demo1");

**demo

/**

* 這是乙個抽象的小demo,用自定義事件

*///匯入並例項化

var events=require("events");

var eventemitter=new events.eventemitter();

//定義乙個記錄購買次數的int

let buy=0;

//**方法

function choujiang()

}//迴圈呼叫

var timer=setinterval(choujiang,500);

//自定義事件stopf,可以寫成eventemitter.on或者eventemitter.addlistener

eventemitter.on("stopf",function())

多個同名事件同時觸發

/**

* 同時繫結多個事件demo

* @type

*/var events=require("events");

var eventsemitter=new events.eventemitter();

//事件的方法

function cb(a)

//自定義事件

eventsemitter.addlistener("fun",cb);

//呼叫事件,事件名是fun,傳bb的引數給此事件的方法

eventsemitter.emit("fun","bb");

//開始繫結多個同名事件

//on跟addlistener一樣的,只是這裡想偷懶而已

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.on("fun",function());

eventsemitter.addlistener("fun",function());

//開始再呼叫

//設定最大繫結數,預設為10

eventsemitter.setmaxlisteners(10);

//呼叫

eventsemitter.emit("fun");

//listenercount()的引數第乙個是事件的名稱,它會根據此事件名稱記錄本次呼叫了多少個

console.log("獲得同名方法呼叫的總數"+eventsemitter.listenercount("fun"));

解除繫結

var events=require("events");

var eventemitter=new events.eventemitter();

//繫結事件(bindn)的方法

function cb()

//繫結事件

eventemitter.addlistener("bindn",cb);

eventemitter.addlistener("bindn",function());

//呼叫事件

eventemitter.emit("bindn");

//解除繫結,第乙個引數是事件名,第二個引數是事件對應的方法名

eventemitter.removelistener("bindn",cb);

//上面只是解除了事件的cb方法,還有乙個預設的方法可以顯示

eventemitter.emit("bindn");

node events事件迴圈

引入event模組 引入模組方式一 引入events模組 var events require events 建立eventemitter var eventemitter new events.eventemitter 引入模組方式二 var eventemitter require events...

動態元件使用

動態元件官網解釋 通過使用保留的 元素,動態地繫結到它的 is 特性,我們讓多個元件可以使用同乙個掛載點,並動態切換 var vm new vue components posts archive 也可以直接繫結到元件物件上 var home var vm new vue 實際專案開發中 引入元件 ...

antd元件使用

datepicker與form表單配合使用 import moment from moment moment需要引入 initialvalue moment record record.starttime,yyyy mm dd 這裡的record是我獲取來展示的時間 validatefields n...