Agent skill · software engineering · hyf0
vue-router-best-practices
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Why this skill is useful
Provides specific patterns and best practices for Vue Router that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-05-30. 2,762 stars on the source repository.
What this skill does
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
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills hyf0/vue-router-best-practices