Навыки vue-router-best-practices

📦

vue-router-best-practices

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

v1.0.0 Ревизия содержимого r1 Безопасно ⚡ Содержит скрипты⚙️ Внешние команды

Улучшение навигационных guards в Vue Router

Проблемы с Vue Router могут приводить к устаревшим данным, неработающим перенаправлениям и слабым проверкам маршрутов. Этот навык дает сфокусированные шаблоны для guards, params, очистки и маршрутизации в production.

Поддерживает: Claude Codex Code(CC)

🥈 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-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

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». Страница сведений о пользователе показывает предыдущего пользователя после перехода с одного пользовательского маршрута на другой.

Ожидаемый результат:

Ответ определяет повторное использование компонента как причину. Он рекомендует отслеживать route id или использовать onBeforeRouteUpdate для получения свежих данных.

Использование «vue-router-best-practices». Auth guard перенаправляет каждую неаутентифицированную навигацию на login route.

Ожидаемый результат:

Ответ объясняет риск redirect loop. Он рекомендует исключить публичные маршруты или использовать route meta перед возвратом login redirect.

Использование «vue-router-best-practices». Команда хочет заменить простой hash router в production Vue app.

Ожидаемый результат:

Ответ сравнивает простую маршрутизацию с возможностями Vue Router. Он выделяет lazy loading, route meta, history mode и navigation guards.

Аудит безопасности

Безопасно

v5 • 07.07.2026 Открыть версионный отчет

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.

Почему этот вариант первый

Больше использования в Skillstore

Автор / источник Оценка Skillstore Достоверность доказательств Использование в Skillstore Обновлено

github.com/vuejs-ai Рекомендуется

antfu-vue-router-best-practices

Оценка Skillstore 80

Достоверность доказательств Высокий

Использование в Skillstore 23

Обновлено

2026-09-09

github.com/vuejs-ai Текущий

vuejs-ai-vue-router-best-practices

Оценка Skillstore 80

Достоверность доказательств Высокий

Использование в Skillstore 19

Обновлено

2026-09-09

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

100

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Исправление ошибок guards

Диагностировать перенаправления, отсутствующие awaits и устаревшие вызовы next в navigation guards Vue Router.

Проверка данных, зависящих от маршрута

Проверить, перезагружаются ли данные при изменениях route param через watchers или in-component update guards.

Планирование production-маршрутизации

Выбрать шаблоны Vue Router для lazy loading, route meta, history mode и обязанностей по очистке.

Попробуйте эти промпты

Определить проблему Router

Используй навык vue-router-best-practices, чтобы объяснить, почему моя навигация Vue Router работает неправильно. Сфокусируйся на guards, params и времени выполнения lifecycle.

Исправить auth guard

Используй навык vue-router-best-practices, чтобы проверить мой auth guard. Замени устаревшее использование next на return-based шаблоны Vue Router 4.

Обработать изменения params

Используй навык vue-router-best-practices, чтобы спроектировать безопасный шаблон загрузки данных при изменении route params в повторно используемом компоненте.

Аудит архитектуры маршрутизации

Используй навык vue-router-best-practices, чтобы провести аудит моей архитектуры SPA routing на redirect loops, сбои async guard, пробелы в cleanup и готовность к production.

Лучшие практики

Используйте return-based guards Vue Router 4 для перенаправлений, отмены и обычной навигации.
Обрабатывайте изменения params в рамках того же маршрута с помощью watchers или onBeforeRouteUpdate.
Используйте Vue Router для production SPAs вместо hand-built hash routing.