awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
vuejs avatar

vuejs/router

0
View on GitHub↗
4,638 星标·1,285 分支·TypeScript·MIT·12 次浏览router.vuejs.org↗

Router

Vue.js Client-Side Router 是一个 Vue.js 路由库,用于同步浏览器 URL 与应用状态,从而实现单页应用导航。它作为 URL 到组件的映射器,根据当前 URL 路径和动态路由模式渲染特定组件。

该项目作为浏览器历史记录管理器,控制内部路由如何使用各种历史记录策略映射到浏览器 URL。它还提供了一个导航守卫框架,用于在路由转换期间执行逻辑和访问控制。

该库涵盖了动态路由管理、程序化 URL 操作以及查询参数解析。它支持通过静态和动态路径定义应用路由,以控制不同视图之间的切换。

Features

  • Client-Side Routers - Maps browser URL paths and dynamic patterns to specific Vue.js components for dynamic view rendering.
  • URL-to-Component Mappers - Renders specific Vue components based on the current URL path to create a multi-page experience.
  • Client-Side Route Mutation - Defines and manages static and dynamic URL patterns to control movement between views.
  • Single-Page Navigators - Provides the primary mechanism for changing views in a single-page application without triggering full browser reloads.
  • History API Navigators - Uses the browser's History API to enable seamless URL transitions without full page reloads.
  • Navigation Guards - Provides navigation guards to intercept and validate route transitions before views are loaded.
  • Application Route Managers - Maps URL patterns to components using static and dynamic paths to define application routes.
  • Browser History Management - Implements a system to synchronize application state and internal routing with the browser's history API.
  • Client-side Routing - Provides client-side routing to synchronize the browser URL with the application state in Vue.js.
  • Client-Side View Transitions - Updates the displayed content and browser URL without reloading the entire page.
  • Router Initializations - Allows the creation and configuration of a router instance to manage application-wide navigation.
  • Dynamic Segment Extraction - Extracts dynamic segments from URL paths to pass them as parameters to the active route.
  • Vue.js Frameworks - Functions as a core library specifically designed to extend Vue.js with professional routing and navigation capabilities.
  • Pattern-Based Route Mapping - Implements pattern-based matching to map URL paths to specific Vue components.
  • Access Control Guards - Uses navigation guards to restrict access to specific routes based on authentication or logic.
  • Route-Level Access Guards - Executes logic through navigation guards to control or restrict route transitions.
  • URL Component Manipulators - Provides capabilities for programmatically modifying URL path segments and query parameters.
  • Nested Routing - Supports nested route definitions to enable recursive rendering and layout-driven view nesting.
  • Programmatic Navigation - Provides APIs to trigger URL changes and view transitions programmatically via code.
  • Query String Parsing - Transforms URL query strings into structured objects for easy manipulation within the app.
  • Router State Access - Provides utilities for components to access the current route state and router instance.
  • Change Reactivity - Synchronizes URL changes with a reactive state object to trigger automatic component updates.
  • Current URL Readers - Enables components to retrieve the current URL path and associated route metadata.

Star 历史

vuejs/router 的 Star 历史图表vuejs/router 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

常见问题解答

vuejs/router 是做什么的?

Vue.js Client-Side Router 是一个 Vue.js 路由库,用于同步浏览器 URL 与应用状态,从而实现单页应用导航。它作为 URL 到组件的映射器,根据当前 URL 路径和动态路由模式渲染特定组件。

vuejs/router 的主要功能有哪些?

vuejs/router 的主要功能包括:Client-Side Routers, URL-to-Component Mappers, Client-Side Route Mutation, Single-Page Navigators, History API Navigators, Navigation Guards, Application Route Managers, Browser History Management。

vuejs/router 有哪些开源替代品?

vuejs/router 的开源替代品包括: vuejs/vue-router — Vue.js Client-Side Router is a routing library that maps browser URLs to Vue.js components to enable the creation of… visionmedia/page.js — page.js is a client-side JavaScript router for single-page applications that maps URL patterns to executable… reacttraining/react-router — React Router is a client-side routing library for React that maps browser URLs to specific user interface components.… swup/swup — Swup is a page transition library and AJAX page loader designed to create seamless, animated transitions between pages… reach/router — Reach Router is a client-side routing library for React applications that maps URL patterns to components without full… reactjs/react-router-tutorial — This project is a client-side routing tutorial and learning resource for integrating routing into React web…

Router 的开源替代方案

相似的开源项目,按与 Router 的功能重合度排序。
  • vuejs/vue-routervuejs 的头像

    vuejs/vue-router

    18,898在 GitHub 上查看↗

    Vue.js Client-Side Router is a routing library that maps browser URLs to Vue.js components to enable the creation of single-page applications. It functions as a navigation engine that manages browser history and URL state to allow page transitions without full browser reloads. The system utilizes a nested route manager to render hierarchical views that match complex URL structures. It includes navigation guard middleware to intercept, validate, or redirect route transitions before components are rendered. A client-side history handler synchronizes application state with the browser URL using

    JavaScript
    在 GitHub 上查看↗18,898
  • visionmedia/page.jsvisionmedia 的头像

    visionmedia/page.js

    7,681在 GitHub 上查看↗

    page.js is a client-side JavaScript router for single-page applications that maps URL patterns to executable functions. It functions as a navigation engine and browser history manager, implementing a middleware-based path-mapping system similar to the Express web framework. The library distinguishes itself through an Express-style router model, utilizing a middleware callback chain and a shared context object to pass data between navigation handlers. It supports advanced window management, allowing for multiple router instances to handle navigation independently across different windows or em

    JavaScript
    在 GitHub 上查看↗7,681
  • reacttraining/react-routerReactTraining 的头像

    ReactTraining/react-router

    56,473在 GitHub 上查看↗

    React Router is a client-side routing library for React that maps browser URLs to specific user interface components. It functions as a declarative navigation framework used to manage application state and navigation paths within single-page applications. The library handles the extraction of dynamic URL parameters to render content based on the current browser path. It synchronizes application state with the browser URL, enabling the use of the back and forward buttons and allowing for bookmarking. The framework covers declarative UI navigation and browser history management. It employs URL

    TypeScript
    在 GitHub 上查看↗56,473
  • swup/swupswup 的头像

    swup/swup

    5,191在 GitHub 上查看↗

    Swup is a page transition library and AJAX page loader designed to create seamless, animated transitions between pages on server-rendered websites. It functions as a DOM content orchestrator and browser history manager, intercepting navigation to replace page content dynamically and simulate a single-page application experience. The project differentiates itself through a hook-based lifecycle system and a plugin architecture that allows for the injection of custom logic and animation effects. It supports advanced visual methods including DOM content morphing, parallel-DOM rendering for overla

    TypeScriptanimationjavascriptpage-transitions
    在 GitHub 上查看↗5,191
查看 Router 的所有 30 个替代方案→