Freaks City

Vue Router offers two routing strategies: the hash mode and the history mode. While both enable client-side navigation in single-page applications (SPAs), they operate differently under the hood and each has its own trade-offs. How Hash Mode Works The hash mode relies on the hashchange event. When the URL hash (the part after #) changes, the br ...

Routing in Vue 2 A route defines a mapping between a URL path and a component. The Vue Router manages multiple such routes. Basic Setup Install the router: npm install vue-router Register the plugin and mount the router: import Vue from 'vue'; import App from './App.vue'; import VueRouter from 'vue-router'; import appRouter from './router' ...

Introudction In my previous article, I discussed the experience of developing a mid-platform project using vue-antd-admin, but I didn't cover the dynamic routing configuration. The main reason was that the official documentation seemed comprehensive and I hadn't encountered any issues. However, recently I encountered a requirement to develop a ...

Overview Vue Router provides navigation guards that enable developers to execute custom logic during route transitions. These hooks activate at critical moments in the navigation process, making them essential for implementing features like access control, data preloading, and route validation. Navigation guards in Vue Router essentially serve ...

Routing in modern web applications enables dynamic, client-side navigation without full page reloads. In Vue 3 with Vue Router 4, routing is declarative, composable, and highly extensible—supporting SPA navigation, parameterized paths, conditional access, and lifecycle-aware logic. Core Routing Concepts A route maps a URL pattern to a component ...