BestHub
Sign in
Tag

Vue Router

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 14, 2022 · Frontend Development

Deep Dive into Vue Router 4 Component Navigation Guards

This article explains the internal implementation of component‑level navigation guards in Vue Router 4, covering guard categories, the full navigation lifecycle, the execution mechanism, and detailed source‑code analysis with examples of extractComponentsGuards, beforeRouteUpdate, beforeRouteEnter, and beforeRouteLeave.

Component GuardJavaScriptNavigation Guard
0 likes · 12 min read
Deep Dive into Vue Router 4 Component Navigation Guards
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 11, 2022 · Frontend Development

Deep Dive into Vue Router 4 Navigation Guard Source Code

This article thoroughly explains the core mechanisms of Vue Router 4 navigation guards, covering global, per‑route, and component guards, their classification, execution flow, and the underlying source‑code implementations such as useCallbacks, guardToPromiseFn, and runGuardQueue.

JavaScriptNavigation GuardRouting
0 likes · 13 min read
Deep Dive into Vue Router 4 Navigation Guard Source Code
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 29, 2022 · Frontend Development

Deep Dive into Vue Router 4: createWebHistory, Web History API, and Source Code Analysis

This article explains how Vue Router 4 leverages the HTML5 Web History API through createWebHistory, detailing pushState/replaceState mechanics, server fallback handling, TypeScript definitions, the four‑step creation process, listener implementation, and comparisons with hash and memory histories, all illustrated with real source code.

Frontend DevelopmentJavaScriptVue Router
0 likes · 20 min read
Deep Dive into Vue Router 4: createWebHistory, Web History API, and Source Code Analysis
政采云技术
政采云技术
Oct 11, 2020 · Frontend Development

In‑Depth Analysis of Vue‑Router Source Code and Dynamic Route Permission Implementation

This article provides a comprehensive walkthrough of the Vue‑Router source code, explaining its initialization, matcher creation, routing modes, navigation methods, router‑view and router‑link components, and demonstrates how to implement dynamic route permission control using Vuex and global navigation guards.

Dynamic RoutingFlowJavaScript
0 likes · 27 min read
In‑Depth Analysis of Vue‑Router Source Code and Dynamic Route Permission Implementation
macrozheng
macrozheng
Feb 27, 2020 · Frontend Development

How to Implement Dynamic Menu Permissions in Vue with Router and Vuex

This guide explains how to use Vue Router and Vuex to implement dynamic menu permission control in a Vue-based admin project, covering router splitting, permission module creation, state management, and menu binding to achieve role-based navigation.

Dynamic PermissionsFrontend DevelopmentVue
0 likes · 9 min read
How to Implement Dynamic Menu Permissions in Vue with Router and Vuex
Hujiang Technology
Hujiang Technology
Feb 21, 2017 · Frontend Development

Implementing Server-Side Rendering (SSR) with Vue.js

This article explains how to implement server‑side rendering (SSR) for Vue.js applications, covering the underlying concepts, required code setup, Vuex state handling, webpack configuration, and deployment steps to improve SEO for single‑page applications.

SSRServer-side RenderingVue
0 likes · 14 min read
Implementing Server-Side Rendering (SSR) with Vue.js