AIKraft/AI/Войти
AIKraft/Skills/Vue Options API: лучшие практики

Vue Options API: лучшие практики

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

vuejs-ai official Данные

Что делает навык

Набор лучших практик для разработки компонентов Vue 3 с использованием Options API, включая интеграцию с TypeScript и обработку общих ошибок. Skill охватывает типизацию свойств, контекста this, обработчиков событий и сложных вычисляемых свойств.

Когда применять

  • Необходимость включить вывод типов TypeScript для свойств компонента.
  • Обеспечение типобезопасности контекста this в Options API.
  • Работа с валидаторами пропсов в старых версиях TypeScript.
  • Типизация параметров обработчиков событий.
  • Типизация сложных типов пропсов (объекты или массивы) с помощью интерфейсов.

Как работает

  1. Использовать референс ts-options-api-use-definecomponent для включения вывода типов свойств.
  2. Применить ts-strict-mode-options-api для обеспечения типобезопасности контекста this.
  3. Использовать ts-options-api-arrow-functions-validators для работы с валидаторами пропсов в старых версиях TypeScript.
  4. Применить ts-options-api-type-event-handlers для типизации параметров обработчиков событий.
  5. Использовать ts-options-api-proptype-complex-types для типизации объектов или массивов через интерфейсы.
  6. Применить ts-options-api-provide-inject-limitations для решения проблем с отсутствием типов у внедренных свойств.

Примеры запросов агенту

Как правильно типизировать свойства компонента в Vue 3 Options API с помощью TypeScript?
Как обеспечить типобезопасность контекста this в Options API?
Как типизировать параметры обработчиков событий в Vue Options API?

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «vue-options-api-best-practices» из репозитория: # https://github.com/vuejs-ai/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r vue-options-api-best-practices/ ~/.claude/skills/vue-options-api-best-practices/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.