如何自主设计实现一个Vue路由系统？

【概念释义】

自研 Vue 路由本质是：监听 URL 变化 → 匹配路由表 → 渲染对应组件。需实现 hash（hashchange）或 history（pushState + popstate）两种模式、路由注册、导航守卫、动态参数与 404 兜底。

【基础使用】

class VueRouter {
  constructor({ routes, mode = "hash" }) {
    this.routes = routes;
    this.mode = mode;
    this.