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

📦

vue-router-best-practices

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

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

Повышение надежности Vue Router Guard

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

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

🥈 80 Серебро

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

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.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

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

Markdown-детали GET /skills/antfu-vue-router-best-practices.md Подписанный manifest GET /api/skills/antfu-vue-router-best-practices/manifest Подписанный lockfile GET /api/skills/antfu-vue-router-best-practices/lockfile

Протестировать

Использование «vue-router-best-practices». Маршрут использует beforeEnter для защиты профилей пользователей, но пользователи могут переключать profile ids без повторной проверки.

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

Навык объяснит, почему beforeEnter не срабатывает при изменениях параметров того же маршрута, и порекомендует guard обновления внутри компонента.

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

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

Навык выявит риск цикла перенаправлений и предложит исключить публичные маршруты или использовать проверки route meta.

Использование «vue-router-best-practices». Небольшой прототип использует hashchange routing и начинает превращаться в production SPA.

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

Навык сравнит ограничения простой маршрутизации с возможностями Vue Router, такими как guards, вложенные маршруты и lazy loading.

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

Безопасно

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

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

Просканировано файлов

1,540

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Факторы риска

⚡ Содержит скрипты (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/antfu-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/antfu-vue-router-best-practices/security.svg)](https://skillstore.io/skills/antfu-vue-router-best-practices?utm_source=security_passport_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>

Встраиваемая карточка

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

Академические ссылки (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/antfu-vue-router-best-practices/audits/5

Цитата 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"

Сравнить варианты

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

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

Контент

Сообщество

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

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

Исправление ошибок обхода Guard

Проверка маршрутов, где изменения param или query могут пропускать ожидаемые проверки beforeEnter.

Стабилизация Auth-навигации

Улучшение auth guards, которые выполняют async-проверки, перенаправления и обработку ошибок.

Подготовка SPA-маршрутизации

Переход от простой hash routing к поддерживаемой production-настройке Vue Router.

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

Проверить Route Guard

Проверь мой Vue Router guard на распространенные ошибки. Сфокусируйся на перенаправлениях, async-поведении и изменениях параметров маршрута.

Исправить устаревшие данные маршрута

Помоги мне обновить Vue-компонент, который сохраняет устаревшие данные при изменении параметра маршрута. Объясни лучший паттерн для использования.

Спроектировать Auth-навигацию

Спроектируй auth flow для Vue Router с публичными маршрутами, защищенными маршрутами, redirect queries, обработкой тайм-аутов и предотвращением циклов.

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

Проведи аудит этой настройки Vue Router на готовность к production. Покрой lazy loading, route meta, обработку жизненного цикла, очистку и случаи navigation failure.

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

Используйте guards обновления внутри компонента или watchers, когда параметры маршрута определяют отображаемые данные.
Ожидайте async-проверки навигации и возвращайте явные результаты перенаправления или продолжения.
Используйте поля route meta и наборы публичных маршрутов, чтобы предотвращать циклы перенаправления.

Избегать

Полагаться на beforeEnter для изменений param или query в том же маршруте.
Запускать async auth-проверки, не дожидаясь их результата.
Перенаправлять на защищенный маршрут без проверки, что навигация уже не находится там.