Vue Router Best Practices
by vuejs-aic9d355ff23f6MITListed Oct 8, 2026Updated Oct 8, 2026
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| reference/router-beforeenter-no-param-trigger.md | 4.8 KB | text/markdown |
| reference/router-beforerouteenter-no-this.md | 4.9 KB | text/markdown |
| reference/router-guard-async-await-pattern.md | 5.8 KB | text/markdown |
| reference/router-navigation-guard-infinite-loop.md | 5.4 KB | text/markdown |
| reference/router-navigation-guard-next-deprecated.md | 4.2 KB | text/markdown |
| reference/router-param-change-no-lifecycle.md | 4.9 KB | text/markdown |
| reference/router-simple-routing-cleanup.md | 5.2 KB | text/markdown |
| reference/router-use-vue-router-for-production.md | 5.2 KB | text/markdown |
| SKILL.md | 1.5 KB | text/markdown |
Source and attribution
Source:vuejs-ai/skillsinskills/vue-router-best-practicesat commitc9d355f
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from vuejs-ai/skills
Vue Pinia Best Practices
vuejs-ai
Reference guidance on Vue Pinia store setup, reactivity gotchas, and state management patterns.
Vue Options Api Best Practices
vuejs-ai
Reference guidance on Vue 3 Options API style, TypeScript typing, and common pitfalls.
Vue Jsx Best Practices
vuejs-ai
Guidance on Vue JSX syntax and how it differs from React JSX.
Vue Best Practices
vuejs-ai
Guides Vue 3 development with Composition API, script setup, TypeScript and reference-backed best practices.
Create Adaptable Composable
vuejs-ai
Guides creation of reusable Vue composables that accept plain values, refs, or getters as inputs.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Testing Strategy
anthropics
Designs test strategies and test plans, covering test types, coverage targets, and example test cases.
Tech Debt
anthropics
Identifies, categorizes, and prioritizes technical debt, producing a scored backlog and phased remediation plan.
System Design
anthropics
Guides system and architecture design through requirements, high-level design, deep dives, scaling, and trade-off analysis.