Router

Router - map URLs to Vue components | Awesome Repos

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.

Open-source alternatives to Router

Similar open-source projects, ranked by how many features they share with Router.

vuejs/vue-router
vuejs/vue-router
18,898View on 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
View on GitHub18,898
visionmedia/page.js
visionmedia/page.js
7,681View on 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
View on GitHub7,681
reacttraining/react-router
ReactTraining/react-router
56,473View on 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
View on GitHub56,473
swup/swup
swup/swup
5,191View on 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
View on GitHub5,191

See all 30 alternatives to Router

vuejsrouter

Features

Open-source alternatives to Router

vuejs/vue-router

visionmedia/page.js

ReactTraining/react-router

swup/swup

Star history

Open-source alternatives to Router

vuejs/vue-router

visionmedia/page.js

ReactTraining/react-router

swup/swup