vue-router-best-practices

vuejs-ai/skills · Agent Skill

Architettura di routing e pattern di navigazione per le app supportate da Vue Router.

Panoramica

Autore	vuejs-aiOrganizzazione
Repository	vuejs-ai/skills ↗
Cartella dello skill	`vue-router-best-practices`
Stelle	3151
Fork	184
File inclusi	9
Licenza	MIT
Aggiornato	23 ottobre 2026
Link	Sorgente dello skill ↗ · Repository ↗

Verifica Mozgi

Cosa abbiamo trovato nei file dello skill. I dettagli con l’abbonamento.

Sicurezza

rischio basso · nessun rischio evidente — il report completo mostra i dettagli

Compatibilità

solo istruzioni — funziona con la maggior parte degli agenti

Skill simili

139 skill simili trovati

Inoltre con l’abbonamento

Installazione

Uno skill è una cartella con un file SKILL.md. Scegli il tuo agente ed esegui i comandi in un terminale (macOS, Linux o Git Bash su Windows) dalla radice del progetto.

Incolla il prompt in Claude, Codex o un altro assistente: controllerà lo skill e lo installerà.

Install the “vue-router-best-practices” skill from mozgi.io (https://mozgi.io/skills/vuejs-ai-vue-router-best-practices/) for me.

1. Download the archive: https://mozgi.io/skills/vuejs-ai-vue-router-best-practices/download
   If it fails, take the skill folder from the source: https://github.com/vuejs-ai/skills/tree/main/skills/vue-router-best-practices
2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me.
3. Put the “vue-router-best-practices” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.).
4. Make sure <skills folder>/vue-router-best-practices/SKILL.md exists.
5. Briefly tell me what this skill does and offer to try it on my task.

If you cannot do a step yourself, tell me what to click or type.

git clone --depth 1 --branch main https://github.com/vuejs-ai/skills.git /tmp/skills
mkdir -p .claude/skills
cp -r /tmp/skills/skills/vue-router-best-practices .claude/skills/vue-router-best-practices

Riavvia Claude Code: lo skill compare nell'elenco; per richiamarlo a mano usa /vue-router-best-practices. Per tutti i progetti: ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/vuejs-ai/skills.git /tmp/skills
mkdir -p .agents/skills
cp -r /tmp/skills/skills/vue-router-best-practices .agents/skills/vue-router-best-practices

Codex cerca gli skill in .agents/skills dalla cartella corrente fino alla radice del repo; richiamalo con /skills o $vue-router-best-practices. Per tutti i progetti: ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/vuejs-ai/skills.git /tmp/skills
mkdir -p .cursor/skills
cp -r /tmp/skills/skills/vue-router-best-practices .cursor/skills/vue-router-best-practices

Cursor carica lo skill all'avvio; richiamalo con “/” nella chat Agent. Cursor legge anche .claude/skills e .agents/skills. Per tutti i progetti: ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/vuejs-ai/skills.git /tmp/skills
mkdir -p .gemini/skills
cp -r /tmp/skills/skills/vue-router-best-practices .gemini/skills/vue-router-best-practices

Gemini CLI propone di attivare lo skill quando il compito corrisponde: tu confermi. Per tutti i progetti: ~/.gemini/skills.

File dello skill

9 file Scarica ZIP

Leggi SKILL.md e i file correlati prima di installare. Clicca un file per l'anteprima.

Contenuto di SKILL.md

Testo originale dell'autore · sola lettura

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 ↗

Domande frequenti

Che cosa fa lo skill vue-router-best-practices?

Architettura di routing e pattern di navigazione per le app supportate da Vue Router.

Come si installa vue-router-best-practices?

Apri il blocco “Installazione” in questa pagina e scegli il tuo agente — Claude Code, Codex, Cursor o Gemini CLI — per i comandi pronti che copiano la cartella dello skill nel posto giusto. Oppure copia il prompt dalla scheda “Con l'assistente” e lascia che sia l'assistente a controllare e installare lo skill.

Con quali modelli AI funziona vue-router-best-practices?

Gli skill sono semplici istruzioni in Markdown (formato Agent Skills), quindi vue-router-best-practices funziona con qualsiasi agente che legge SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode e altri. Il modello carica le istruzioni solo quando il compito corrisponde alla descrizione dello skill.

vue-router-best-practices è gratuito?

Lo skill è pubblicato apertamente da vuejs-ai con licenza MIT. Lo skill in sé non costa nulla: paghi solo il tuo fornitore AI per i token usati.

È sicuro installare gli skill?

Uno skill è un insieme di istruzioni che il tuo agente seguirà: leggi SKILL.md e i file correlati prima di installarlo. Gli script nella cartella dello skill vengono eseguiti solo se li esegue l'agente: controlla cosa fa e non concedere permessi superflui.

In cosa differisce uno skill da un server MCP o da un plugin?

Un server MCP o un plugin danno al modello nuovi strumenti: codice che viene eseguito e restituisce un risultato. Uno skill fornisce conoscenza e metodo: come affrontare il compito, quali passi seguire e com'è un buon risultato. Non servono server né chiavi API.

Skill correlati

Tutti gli skill →

prototype Crea prototipi usa e getta per rispondere rapidamente a domande di design o questioni logiche. mattpocock304k

design-philosophy Applica la filosofia di design di VS Code per giustificare l'interfaccia utente utilizzando Valori, Principi e Mosse, non pixel. Aiuta nella progettazione, revisione e feedback sugli elementi visivi. microsoft192k

canvas-design Crea design visivi originali e opere d'arte su tele digitali, utilizzando la filosofia del design, concentrandoti sulla forma, lo spazio e il colore. anthropics184k

frontend-design Creare interfacce frontend caratteristiche e industriali con un design di alta qualità. Genera codice e design UI creativi e rifiniti che evitano le comuni caratteristiche estetiche dell'intelligenza artificiale. anthropics184k

theme-factory Un toolkit per lo stile professionale di presentazioni, documenti e pagine web. Scegli tra dieci schemi di colori e abbinamenti di font predefiniti o genera automaticamente temi unici per i tuoi progetti. anthropics183k

frontend-design Design visivo consapevole delle interfacce: direzione estetica, tipografia, soluzioni senza un aspetto "modello". anthropics176k