Навыки vue-options-api-best-practices

📦

vue-options-api-best-practices

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

v2.0.0 Ревизия содержимого r1 Безопасно ⚙️ Внешние команды🌐 Доступ к сети

Улучшение компонентов Vue Options API

Проекты на Vue Options API могут терять безопасность типов и корректную привязку this. Этот skill дает прямые шаблоны для более безопасных компонентов Vue.

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

🥈 81 Серебро

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

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

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

Review the Skillstore skill "vue-options-api-best-practices" from https://skillstore.io/skills/vuejs-ai-vue-options-api-best-practices.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-vue-options-api-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-options-api-best-practices.md Подписанный manifest GET /api/skills/vuejs-ai-vue-options-api-best-practices/manifest Подписанный lockfile GET /api/skills/vuejs-ai-vue-options-api-best-practices/lockfile

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

Использование «vue-options-api-best-practices». Хук mounted использует arrow function и не может читать данные компонента.

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

Хук должен использовать синтаксис обычной функции или сокращенную запись метода. Тогда Vue сможет привязать this к экземпляру компонента.

Использование «vue-options-api-best-practices». Компонент принимает prop с объектом user, и TypeScript выводит слишком широкий тип object.

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

Определите интерфейс User и используйте Vue PropType для prop. Добавьте runtime validation, если нужно проверять форму объекта.

Использование «vue-options-api-best-practices». Debounced method работает некорректно в повторяющихся экземплярах компонента.

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

Создавайте debounced function отдельно для каждого экземпляра в хуке жизненного цикла. Отменяйте timers при unmount, чтобы избежать общего состояния и утечек.

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

Безопасно

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

The static alerts are false positives caused by Markdown code fences, TypeScript template literals, Vue documentation links, and DOM event property names. No prompt injection, secret handling, command execution, or executable network behavior was found in the reviewed skill content.

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

1,509

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

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

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

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

⚙️ Внешние команды (8)

reference/no-arrow-functions-in-lifecycle-hooks.md:27-44 reference/no-arrow-functions-in-lifecycle-hooks.md:68-74 reference/no-arrow-functions-in-methods.md:28-38 reference/no-arrow-functions-in-methods.md:60-65 reference/ts-options-api-computed-return-types.md:79-84 reference/ts-options-api-computed-return-types.md:84-88 reference/ts-options-api-computed-return-types.md:106-116 reference/ts-strict-mode-options-api.md:120-124

🌐 Доступ к сети (1)

reference/no-arrow-functions-in-methods.md:57

Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.

Аудитор:: codex Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

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

Копировать ссылку на отчёт

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

Значок Markdown

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

Значок HTML

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

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

<iframe src="https://skillstore.io/embed/skills/vuejs-ai-vue-options-api-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-options-api-best-practices security audit report (audit version 4) [Author version 2.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-vue-options-api-best-practices/audits/4

Цитата BibTeX

@techreport{github-com-vuejs-ai-vuejs-ai-vue-options-api-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-options-api-best-practices security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/vuejs-ai-vue-options-api-best-practices/audits/4},
  note = {Author version 2.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-options-api-best-practices security audit report (audit version 4)"
version: "2.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-options-api-best-practices/audits/4"
identifiers:
  - type: other
    value: "skillstore:vuejs-ai-vue-options-api-best-practices:audit:4"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

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

Архитектура

100

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

Контент

Сообщество

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

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

Исправление ошибок привязки this

Используйте справочные материалы по жизненному циклу и методам, чтобы найти arrow functions, которые ломают доступ к экземпляру компонента.

Усиление компонентов TypeScript

Применяйте defineComponent, PropType, strict mode и явные типы возвращаемых значений в существующих компонентах Options API.

Проверка устаревшего кода Vue

Проверяйте старые компоненты Options API на общие методы с состоянием, слабую типизацию событий и устаревшие шаблоны validator.

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

Найти проблему привязки this

Review this Vue Options API component and explain why this is undefined. Focus on methods and lifecycle hooks. [Paste component]

Добавить TypeScript props

Help me type these Vue Options API props with TypeScript. Include PropType guidance for objects, arrays, and functions. [Paste props]

Улучшить обработчики событий

Review these Options API event handlers. Recommend explicit event types and safer target handling. [Paste methods and template]

Аудит практик компонента

Audit this Vue Options API component for this binding, strict TypeScript support, computed return types, and stateful methods. [Paste component]

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

Используйте сокращенную запись методов или обычные функции для методов Options API и хуков жизненного цикла.
Оборачивайте компоненты TypeScript Options API в defineComponent и включайте strict checking.
Добавляйте явные типы для сложных props, events, computed values и injected properties.

Избегать

Использование arrow functions в качестве хуков жизненного цикла или методов верхнего уровня Options API.
Опора на нетипизированные параметры событий и слишком широкий вывод типов object props.
Создание общих debounced или throttled methods напрямую в опции methods.