mini-framework-z01/dist/core/router.js

Mini Framework is designed to provide a simple yet powerful approach to building web applications with minimal overhead.

class Router {
  constructor() {
    this.routes = {};
    this.currentRoute = null;
    this.init();
  }
  init() {
    window.addEventListener('popstate', () => this.handleRouteChange());
    this.handleRouteChange();
  }
  addRoute(path, component) {
    this.routes[path] = component;
    console.log(this.routes);
  }
  navigate(path) {
    history.pushState({}, '', path);
    this.handleRouteChange();
  }
  handleRouteChange() {
    const path = window.location.pathname;
    const component = this.routes[path];
    if (component) {
      this.currentRoute = path;
      component();
    }
  }
}
export default Router;