vue-router-best-practices
Best practices for Vue Router, covering navigation guards, lifecycle management, and production SPA setup.
Install
npx skills add https://github.com/antfu/skills --skill vue-router-best-practicesStats
| Total installs | 7,312 |
| Weekly installs | 7.3K |
| GitHub stars | 4.4K |
| First seen | Jan 31, 2026 |
| Source | @antfu/skills |
Summary
- Covers five navigation guard patterns including async/await handling, deprecated next() function migration, infinite redirect loops, and param-change detection
- Addresses route-lifecycle gotchas like stale data when navigating between same routes and event listener cleanup on component unmount
- Includes production SPA setup guidance and component instance access patterns in beforeRouteEnter guards
Tags
Related skills
| Skill | Installs | vs vue-router-best-practices |
|---|---|---|
| fluentui-blazor | 7,501 | +189 |
| fixing-motion-performance | 7,281 | -31 |
| implement-design | 5,880 | -1,432 |
| next-intl-add-language | 7,523 | +211 |
| stitch-design | 8,080 | +768 |
FAQ
- How many installs does vue-router-best-practices have?
- vue-router-best-practices has 7,312 total installs and 7.3K installs this week.
- Where is vue-router-best-practices hosted?
- vue-router-best-practices is published by @antfu/skills at https://github.com/antfu/skills.
- How many GitHub stars does vue-router-best-practices have?
- vue-router-best-practices has 4.4K GitHub stars.
- When was vue-router-best-practices first indexed?
- OrangeBot.AI first indexed vue-router-best-practices on Jan 31, 2026.
- How do I install vue-router-best-practices?
- Run: npx skills add https://github.com/antfu/skills --skill vue-router-best-practices