스킬 vue-router-best-practices

📦

vue-router-best-practices

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

v1.0.0 콘텐츠 리비전 r1 안전 ⚡ 스크립트 포함⚙️ 외부 명령어

Mejorar los guards de navegación de Vue Router

Los problemas de Vue Router pueden crear datos obsoletos, redirecciones rotas y comprobaciones de ruta débiles. Esta habilidad ofrece patrones enfocados para guards, parámetros, limpieza y enrutamiento en producción.

지원: Claude Codex Code(CC)

🥈 80 실버

Maintain this Skill? Claim it 🥈 80 실버

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청

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.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/vuejs-ai-vue-router-best-practices.md 서명된 manifest GET /api/skills/vuejs-ai-vue-router-best-practices/manifest 서명된 lockfile GET /api/skills/vuejs-ai-vue-router-best-practices/lockfile

테스트해 보기

"vue-router-best-practices" 사용 중입니다. Una página de detalle de usuario muestra el usuario anterior después de pasar de una ruta de usuario a otra.

예상 결과:

La respuesta identifica la reutilización del componente como la causa. Recomienda observar el id de ruta o usar onBeforeRouteUpdate para obtener datos actualizados.

"vue-router-best-practices" 사용 중입니다. Un guard de autenticación redirige cada navegación no autenticada a la ruta de inicio de sesión.

예상 결과:

La respuesta explica el riesgo de bucle de redirección. Recomienda excluir rutas públicas o usar meta de ruta antes de devolver una redirección al inicio de sesión.

"vue-router-best-practices" 사용 중입니다. Un equipo quiere reemplazar un router hash simple en una aplicación Vue de producción.

예상 결과:

La respuesta compara el enrutamiento simple con las funciones de Vue Router. Destaca carga diferida, meta de ruta, modo history y guards de navegación.

보안 감사

안전

v5 • 2026. 7. 7. 버전별 보고서 열기

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.

스캔된 파일

1,512

분석된 줄 수

검토 항목

오탐 무시됨

위험 요인

⚡ 스크립트 포함 (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

⚙️ 외부 명령어 (2)

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

가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.

감사자: codex 감사 이력 보기 →

이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기

보고서 링크 복사

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

Markdown 배지

[![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 배지

<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>

임베드 카드

<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>

학술 인용 (APA · BibTeX · CFF)

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/vuejs-ai-vue-router-best-practices/audits/5

BibTeX 인용

@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"

변형 비교

설치 가능한 변형 2개

각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.

이 변형이 1위인 이유

Skillstore 사용량이 더 높음

작성자 / 소스 Skillstore 점수 증거 신뢰도 Skillstore 사용량 업데이트됨

github.com/vuejs-ai 권장

antfu-vue-router-best-practices

Skillstore 점수 80

증거 신뢰도 높음

Skillstore 사용량 31

업데이트됨

2026-10-24

github.com/vuejs-ai 현재

vuejs-ai-vue-router-best-practices

Skillstore 점수 80

증거 신뢰도 높음

Skillstore 사용량 25

업데이트됨

2026-09-09

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음

아키텍처

100

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

Corregir errores de guards

Diagnosticar redirecciones, awaits faltantes y llamadas next obsoletas en guards de navegación de Vue Router.

Revisar datos impulsados por rutas

Comprobar si los cambios en parámetros de ruta recargan datos mediante watchers o guards de actualización dentro del componente.

Planificar enrutamiento de producción

Elegir patrones de Vue Router para carga diferida, meta de ruta, modo history y responsabilidades de limpieza.

이 프롬프트를 사용해 보세요

Identificar el problema del router

Use the vue-router-best-practices skill para explicar por qué mi navegación de Vue Router se comporta incorrectamente. Enfócate en guards, parámetros y timing del ciclo de vida.

Corregir un guard de autenticación

Use the vue-router-best-practices skill para revisar mi guard de autenticación. Reemplaza el uso obsoleto de next con patrones de Vue Router 4 basados en return.

Gestionar cambios de parámetros

Use the vue-router-best-practices skill para diseñar un patrón seguro para cargar datos cuando los parámetros de ruta cambian en un componente reutilizado.

Auditar la arquitectura de enrutamiento

Use the vue-router-best-practices skill para auditar la arquitectura de enrutamiento de mi SPA en busca de bucles de redirección, fallos de guards asíncronos, brechas de limpieza y preparación para producción.

모범 사례

Usa guards de Vue Router 4 basados en return para redirecciones, cancelación y navegación normal.
Gestiona los cambios de parámetros en la misma ruta con watchers u onBeforeRouteUpdate.
Usa Vue Router para SPA de producción en lugar de enrutamiento hash creado manualmente.

피하기

Depender de beforeEnter para validar cambios de parámetros dentro de la misma ruta.
Llamar a next más de una vez u olvidar llamarlo en guards legacy.
Agregar listeners hashchange sin eliminarlos durante la limpieza del componente.