1.组件传值的方式
2.事件监听原理
3.事件管理器
utils/event.js
/**
* 事件池(事件管理器)
* 通过事件监听传值
*/
class Event {
constructor() {
this.events = {};
}
// 监听
on(eventName,callBack){
if(this.events[eventName]){
// 存在事件
this.events[eventName].push(callBack);
}else{
// 不存在事件
this.events[eventName] = [callBack];
}
}
// 触发
emit(eventName,params){
if(this.events[eventName]){
this.events[eventName].map((callBack) => {
callBack(params);
})
}
}
}
export default Event;
4.调用实例
import Event from './event';
let myEvent = new Event(); // 实例化一个事件管理器
// 触发事件
myEvent.emit("changeCata");
// 监听事件
myEvent.on("changeCata",() => {
//
});