agent skill Official page
⌘ Vue Router Best Practices
Vue Router 4 patterns covering navigation guards, route params, and route lifecycle interactions.
Vue Router Best Practices agent skill overview
This MCP Server Hub listing collects the source repository, setup notes, feature summary, and README details for Vue Router Best Practices. Use it to decide whether this agent skill fits your AI assistant workflow before installing it locally or connecting it to a compatible client.
Listing type
agent skill
Directory
MCP Server HubOfficial reference
https://raw.githubusercontent.com/antfu/skills/main/skills/vue-router-best-practices/SKILL.mdMCP basics
What is an MCP server?name: vue-router-best-practices description: "Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions." version: 1.0.0 license: MIT author: github.com/vuejs-ai
Vue Router best practices, common gotchas, and navigation patterns.
Navigation Guards
- Navigating between same route with different params → See router-beforeenter-no-param-trigger
- Accessing component instance in beforeRouteEnter guard → See router-beforerouteenter-no-this
- Navigation guard making API calls without awaiting → See router-guard-async-await-pattern
- Users trapped in infinite redirect loops → See router-navigation-guard-infinite-loop
- Navigation guard using deprecated next() function → See router-navigation-guard-next-deprecated
Route Lifecycle
- Stale data when navigating between same route → See router-param-change-no-lifecycle
- Event listeners persisting after component unmounts → See router-simple-routing-cleanup
Setup
- Building production single-page application → See router-use-vue-router-for-production