vue-router-best-practices
Améliorer la fiabilité des gardes Vue Router
Les erreurs avec Vue Router peuvent entraîner des données obsolètes, des vérifications contournées et des boucles de redirection. Cette compétence fournit des modèles ciblés pour des gardes sûrs, les mises à jour de routes, le nettoyage et le routage en production.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "vue-router-best-practices" from https://skillstore.io/skills/antfu-vue-router-best-practices.md and its manifest at https://skillstore.io/api/skills/antfu-vue-router-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Ressources lisibles par les agents
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Tester
Utilisation de « vue-router-best-practices ». Une route utilise beforeEnter pour protéger les profils utilisateur, mais les utilisateurs peuvent changer d’identifiants de profil sans autre vérification.
Résultat attendu:
La compétence expliquerait pourquoi beforeEnter ne s’exécute pas pour les modifications de paramètres sur une même route et recommanderait une garde de mise à jour dans le composant.
Utilisation de « vue-router-best-practices ». Une garde d’authentification redirige chaque utilisateur non authentifié vers la route de connexion, y compris les utilisateurs qui vont déjà vers la connexion.
Résultat attendu:
La compétence identifierait le risque de boucle de redirection et suggérerait d’exclure les routes publiques ou d’utiliser des vérifications route meta.
Utilisation de « vue-router-best-practices ». Un petit prototype utilise un routage hashchange et commence à devenir une SPA de production.
Résultat attendu:
La compétence comparerait les limites d’un routage simple avec les fonctionnalités de Vue Router comme les gardes, les routes imbriquées et le chargement à la demande.
Audit de sécurité
SûrAll 15 static findings are false positives from documented Vue Router examples. Fixed local imports, JavaScript template literals, route checks, and framework warnings do not create execution or reconnaissance risks. No prompt injection or malicious intent was found.
Facteurs de risque
⚡ Contient des scripts (6)
Partager et citer ce rapport
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
Copier le lien du rapport
https://skillstore.io/skills/antfu-vue-router-best-practices/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/antfu-vue-router-best-practices?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/antfu-vue-router-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vue-router-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/antfu-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>Citations académiques (APA · BibTeX · CFF)
Citation APA
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/antfu-vue-router-best-practices/audits/5Citation BibTeX
@techreport{github-com-vuejs-ai-antfu-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/antfu-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-23"
url: "https://skillstore.io/skills/antfu-vue-router-best-practices/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-vue-router-best-practices:audit:5"
description: "Skillstore immutable audit report identifier"
Comparer les variantes
2 variantes installablesChaque auteur reste un skill installable distinct. La variante recommandée est classée selon les preuves Skillstore.
Pourquoi cette variante est première
antfu-vue-router-best-practices
2026-10-24
vuejs-ai-vue-router-best-practices
2026-09-09
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: ÉlevéCe que vous pouvez créer
Corriger les bugs de contournement des gardes
Passer en revue les routes où les modifications de paramètres ou de query peuvent ignorer les vérifications beforeEnter attendues.
Stabiliser la navigation d’authentification
Améliorer les gardes d’authentification qui effectuent des vérifications asynchrones, des redirections et une gestion des erreurs.
Préparer le routage SPA
Passer d’un routage simple par hash à une configuration Vue Router de production maintenable.
Essayez ces prompts
Passe en revue ma garde Vue Router pour les erreurs courantes. Concentre-toi sur les redirections, le comportement asynchrone et les modifications de paramètres de route.
Aide-moi à mettre à jour un composant Vue qui conserve des données obsolètes lorsque le paramètre de route change. Explique le meilleur modèle à utiliser.
Conçois un flux d’authentification Vue Router avec routes publiques, routes protégées, queries de redirection, gestion des délais d’expiration et prévention des boucles.
Audite cette configuration Vue Router pour sa préparation à la production. Couvre le chargement à la demande, route meta, la gestion du cycle de vie, le nettoyage et les cas d’échec de navigation.
Bonnes pratiques
- Utiliser des gardes de mise à jour dans le composant ou des watchers lorsque les paramètres de route pilotent les données affichées.
- Attendre les vérifications de navigation asynchrones et retourner des résultats explicites de redirection ou de poursuite.
- Utiliser les champs route meta et les ensembles de routes publiques pour prévenir les boucles de redirection.
Éviter
- S’appuyer sur beforeEnter pour les modifications de paramètres ou de query sur une même route.
- Démarrer des vérifications d’authentification asynchrones sans attendre leur résultat.
- Rediriger vers une route protégée sans vérifier si la navigation s’y trouve déjà.
Foire aux questions
Quelle version de Vue Router cette compétence cible-t-elle ?
Peut-elle aider avec les gardes d’authentification ?
Couvre-t-elle les mises à jour de paramètres de route ?
Peut-elle remplacer la documentation Vue Router ?
Cette compétence est-elle utile pour les petits prototypes ?
Exécute-t-elle du code ou modifie-t-elle directement des projets ?
Détails du développeur
Auteur
github.com/vuejs-aiLicence
MIT
Version de l’auteur
v1.0.0
Révision Skillstore
r2
Réf
89edfdc710d0846129dcee6a929477b04f08052c
Récence de maintenance
26/07/2026
Utilisation
15 téléchargements · 148 vues
Structure de fichiers
📄 router-beforeenter-no-param-trigger.md
📄 router-beforerouteenter-no-this.md
📄 router-guard-async-await-pattern.md
📄 router-navigation-guard-infinite-loop.md
📄 router-navigation-guard-next-deprecated.md
📄 router-param-change-no-lifecycle.md
📄 router-simple-routing-cleanup.md
📄 router-use-vue-router-for-production.md
📄 SKILL.md
📄 SYNC.md