Fähigkeiten vue-router-best-practices

📦

vue-router-best-practices

Name: vue-router-best-practices
Author: github.com/vuejs-ai

v1.0.0 Inhaltsrevision r1 Sicher ⚡ Enthält Skripte⚙️ Externe Befehle

Vue Router Navigation Guards verbessern

Vue Router-Probleme können veraltete Daten, fehlerhafte Weiterleitungen und schwache Routenprüfungen verursachen. Diese Skill bietet fokussierte Muster für Guards, Params, Cleanup und Routing in der Produktion.

Unterstützt: Claude Codex Code(CC)

🥈 80 Silber

Maintain this Skill? Claim it 🥈 80 Silber

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

Review the Skillstore skill "vue-router-best-practices" from https://skillstore.io/skills/vuejs-ai-vue-router-best-practices.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-vue-router-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/vuejs-ai-vue-router-best-practices.md Signiertes manifest GET /api/skills/vuejs-ai-vue-router-best-practices/manifest Signiertes lockfile GET /api/skills/vuejs-ai-vue-router-best-practices/lockfile

Testen

„vue-router-best-practices“ wird verwendet. Eine Benutzerdetailseite zeigt den vorherigen Benutzer an, nachdem von einer Benutzerroute zu einer anderen gewechselt wurde.

Erwartetes Ergebnis:

Die Antwort identifiziert die Wiederverwendung der Komponente als Ursache. Sie empfiehlt, die Route id zu beobachten oder onBeforeRouteUpdate für aktuelle Daten zu verwenden.

„vue-router-best-practices“ wird verwendet. Ein Auth Guard leitet jede nicht authentifizierte Navigation zur Login-Route weiter.

Erwartetes Ergebnis:

Die Antwort erklärt das Risiko einer Weiterleitungsschleife. Sie empfiehlt, öffentliche Routen auszuschließen oder Route Meta zu verwenden, bevor eine Login-Weiterleitung zurückgegeben wird.

„vue-router-best-practices“ wird verwendet. Ein Team möchte einen einfachen Hash Router in einer produktiven Vue-App ersetzen.

Erwartetes Ergebnis:

Die Antwort vergleicht einfaches Routing mit Vue Router-Funktionen. Sie hebt Lazy Loading, Route Meta, History Mode und Navigation Guards hervor.

Sicherheitsaudit

Sicher

v5 • 7.7.2026 Versionsbericht öffnen

All 15 static findings were false positives after context review. The dynamic imports are static Vue Router lazy-loading examples, the backticks are JavaScript log template literals, and the route checks are tutorial code. No evidence found of prompt injection, data exfiltration, filesystem access, command execution, or malicious intent.

Gescannte Dateien

1,512

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

⚡ Enthält Skripte (6)

reference/router-beforerouteenter-no-this.md:131 reference/router-use-vue-router-for-production.md:75 reference/router-use-vue-router-for-production.md:81 reference/router-use-vue-router-for-production.md:87 reference/router-use-vue-router-for-production.md:94 reference/router-use-vue-router-for-production.md:100

⚙️ Externe Befehle (2)

reference/router-navigation-guard-infinite-loop.md:155-164 reference/router-navigation-guard-infinite-loop.md:164-166

Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.

Geprüft von: codex Audit-Verlauf anzeigen →

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

https://skillstore.io/skills/vuejs-ai-vue-router-best-practices/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/vuejs-ai-vue-router-best-practices/security.svg)](https://skillstore.io/skills/vuejs-ai-vue-router-best-practices?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/vuejs-ai-vue-router-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vuejs-ai-vue-router-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/vuejs-ai-vue-router-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

github.com/vuejs-ai. (2026). vue-router-best-practices security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-vue-router-best-practices/audits/5

BibTeX-Zitat

@techreport{github-com-vuejs-ai-vuejs-ai-vue-router-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-router-best-practices security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/vuejs-ai-vue-router-best-practices/audits/5},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-router-best-practices security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-router-best-practices/audits/5"
identifiers:
  - type: other
    value: "skillstore:vuejs-ai-vue-router-best-practices:audit:5"
    description: "Skillstore immutable audit report identifier"

Varianten vergleichen

2 installierbare Varianten

Jeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.

Warum diese Variante zuerst steht

Höhere Skillstore-Nutzung

Autor / Quelle Skillstore-Score Evidenzvertrauen Skillstore-Nutzung Aktualisiert

github.com/vuejs-ai Empfohlen

antfu-vue-router-best-practices

Skillstore-Score 80

Evidenzvertrauen Hoch

Skillstore-Nutzung 31

Aktualisiert

2026-10-24

github.com/vuejs-ai Aktuell

vuejs-ai-vue-router-best-practices

Skillstore-Score 80

Evidenzvertrauen Hoch

Skillstore-Nutzung 27

Aktualisiert

2026-09-09

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

100

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Guard-Fehler beheben

Diagnostiziere Weiterleitungen, fehlende awaits und veraltete next-Aufrufe in Vue Router Navigation Guards.

Routengesteuerte Daten prüfen

Prüfe, ob Änderungen an Route Params Daten über Watcher oder Update Guards innerhalb der Komponente neu laden.

Produktionsrouting planen

Wähle Vue Router-Muster für Lazy Loading, Route Meta, History Mode und Cleanup-Verantwortlichkeiten.

Diese Prompts ausprobieren

Router-Problem identifizieren

Verwende die vue-router-best-practices Skill, um zu erklären, warum sich meine Vue Router-Navigation falsch verhält. Konzentriere dich auf Guards, Params und Lifecycle-Timing.

Auth Guard beheben

Verwende die vue-router-best-practices Skill, um meinen Auth Guard zu überprüfen. Ersetze die veraltete next-Verwendung durch return-basierte Vue Router 4-Muster.

Param-Änderungen behandeln

Verwende die vue-router-best-practices Skill, um ein sicheres Muster zum Laden von Daten zu entwerfen, wenn sich Route Params in einer wiederverwendeten Komponente ändern.

Routing-Architektur prüfen

Verwende die vue-router-best-practices Skill, um meine SPA-Routing-Architektur auf Weiterleitungsschleifen, Fehler in asynchronen Guards, Cleanup-Lücken und Produktionsreife zu prüfen.

Bewährte Praktiken

Verwende return-basierte Vue Router 4 Guards für Weiterleitungen, Abbruch und normale Navigation.
Behandle Same-Route-Param-Änderungen mit Watchern oder onBeforeRouteUpdate.
Verwende Vue Router für produktive SPAs anstelle von selbstgebautem Hash Routing.

Vermeiden

Sich auf beforeEnter zu verlassen, um Param-Änderungen innerhalb derselben Route zu validieren.
next mehr als einmal aufzurufen oder in Legacy Guards den Aufruf zu vergessen.
hashchange Listener hinzuzufügen, ohne sie beim Component Cleanup zu entfernen.