logo
  • 指南
  • API
  • 博客
  • 简体中文
    • 简体中文
    • English
    • @esmx/core
      Esmx
      App
      RenderContext
      ModuleConfig
      PackConfig
      ManifestJson
      @esmx/router
      Router
      Route
      路由配置
      RouterLink
      导航守卫
      动态路由匹配
      嵌套路由
      编程式导航
      滚动行为
      图层路由
      微应用
      错误类型
      类型参考
      @esmx/router-vue
      RouterPlugin
      组合式函数
      组件
      类型增强
      @esmx/router-react
      微应用集成
      Hooks 与上下文
      组件
      SSR
      App
      @esmx/rspack
      @esmx/rspack-vue
      @esmx/rspack-react

      最后更新于: 2026/4/7 02:16:07

      上一页组件下一页微应用集成

      #类型增强

      #简介

      @esmx/router-vue 在导入时自动增强 Vue 的 TypeScript 类型,为 Vue 2.7+ 和 Vue 3 组件提供类型安全的 $router 和 $route 访问。

      #Vue 2

      在 Vue 2.7+ 中使用 @esmx/router-vue 时,以下属性在 Vue 组件实例上可用:

      interface Vue {
          readonly $router: Router;
          readonly $route: Route;
      }

      #Vue 3

      在 Vue 3 中使用 @esmx/router-vue 时,应用以下类型增强:

      declare module 'vue' {
          interface ComponentCustomProperties {
              readonly $router: Router;
              readonly $route: Route;
          }
      
          interface GlobalComponents {
              RouterLink: typeof RouterLink;
              RouterView: typeof RouterView;
          }
      }

      提供:

      • 选项式 API 中的 this.$router 和 this.$route
      • 模板中类型安全的全局 RouterLink 和 RouterView 组件