Skill

vue-router-best-practices

Outlines Vue Router 4 best practices for navigation guards, route params, lifecycle interactions, and fixes for gotchas like infinite loops, stale data, and deprecated next().

Vue

frontend

Install

npx claudepluginhub vuejs-ai/skills --plugin vue-router-best-practices

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Vue Router best practices, common gotchas, and navigation patterns.

Supporting Assets

reference/router-beforeenter-no-param-trigger.mdreference/router-beforerouteenter-no-this.mdreference/router-guard-async-await-pattern.mdreference/router-navigation-guard-infinite-loop.mdreference/router-navigation-guard-next-deprecated.mdreference/router-param-change-no-lifecycle.mdreference/router-simple-routing-cleanup.mdreference/router-use-vue-router-for-production.md

SKILL.md

Similar Skills

applying-brand-guidelines

3 files

Applies Acme Corporation brand guidelines including colors, fonts, layouts, and messaging to generated PowerPoint, Excel, and PDF documents.

anthropics-claude-cookbooks

41.6k

creating-financial-models

2 files

Builds DCF models with sensitivity analysis, Monte Carlo simulations, and scenario planning for investment valuation and risk assessment.

anthropics-claude-cookbooks

41.6k

analyzing-financial-statements

2 files

Calculates profitability (ROE, margins), liquidity (current ratio), leverage, efficiency, and valuation (P/E, EV/EBITDA) ratios from financial statements in CSV, JSON, text, or Excel for investment analysis.

anthropics-claude-cookbooks

41.6k

Stats

Stars2294

Forks134

Last CommitJan 28, 2026

Actions

View Source View Plugin View on GitHub View README

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