Дом
vue-options-api-best-practices
vuejs-ai/skills
Здесь представлены рекомендации по использованию API Options в Vue 3, советы по интеграции с TypeScript, а также решения типичных проблем.
...Расширить все
1
Обновлено время 28 сентября 2026 г.
Рекомендации по использованию API опций Vue.js, интеграция с TypeScript и типичные подводные камни.
TypeScript
- Необходимо включить вывод типов TypeScript для свойств компонентов → См. ts-options-api-use-define-component
- Включение типовой безопасности для Options API в данном контексте → См. ts-strict-mode-options-api
- Использование старых версий TypeScript с валидаторами свойств → См. ts-options-api-arrow-functions-validators
- Параметрам обработчиков событий требуется надлежащая типовая безопасность → См. ts-options-api-type-event-handlers
- Необходимо задать типы для проп-объектов или массивов с помощью интерфейсов → См. ts-options-api-proptype-complex-types
- Внедренным свойствам полностью отсутствуют типы TypeScript → См. ts-options-api-provide-inject-limitations
- У сложных вычисляемых свойств отсутствует чёткая документация по типам → См. ts-options-api-computed-return-types
Методы и жизненный цикл
- Методы не привязаны к контексту экземпляра компонента → См. no-arrow-functions-in-methods
- Хуки жизненного цикла теряют доступ к данным компонента → См. no-arrow-functions-in-lifecycle-hooks
- Функции с подавлением повторов (debounce) используют общее состояние между экземплярами компонентов → См. stateful-methods-lifecycle
Посмотреть на GitHub
---
name: vue-options-api-best-practices
description: Provides Vue 3 Options API best practices, TypeScript integration tips, and solutions to common gotchas.
license: MIT
---
Vue.js Options API best practices, TypeScript integration, and common gotchas.
### TypeScript
- Need to enable TypeScript type inference for component properties → See [ts-options-api-use-definecomponent](reference/ts-options-api-use-definecomponent.md)
- Enabling type safety for Options API this context → See [ts-strict-mode-options-api](reference/ts-strict-mode-options-api.md)
- Using old TypeScript versions with prop validators → See [ts-options-api-arrow-functions-validators](reference/ts-options-api-arrow-functions-validators.md)
- Event handler parameters need proper type safety → See [ts-options-api-type-event-handlers](reference/ts-options-api-type-event-handlers.md)
- Need to type object or array props with interfaces → See [ts-options-api-proptype-complex-types](reference/ts-options-api-proptype-complex-types.md)
- Injected properties missing TypeScript types completely → See [ts-options-api-provide-inject-limitations](reference/ts-options-api-provide-inject-limitations.md)
- Complex computed properties lack clear type documentation → See [ts-options-api-computed-return-types](reference/ts-options-api-computed-return-types.md)
### Methods & Lifecycle
- Methods aren't binding to component instance context → See [no-arrow-functions-in-methods](reference/no-arrow-functions-in-methods.md)
- Lifecycle hooks losing access to component data → See [no-arrow-functions-in-lifecycle-hooks](reference/no-arrow-functions-in-lifecycle-hooks.md)
- Debounced functions sharing state across component instances → See [stateful-methods-lifecycle](reference/stateful-methods-lifecycle.md)
Все файлы
11 файловУстановить vue-options-api-best-practices
Скачайте файлы навыков и распакуйте их в каталог .claude/skills/.
Скачать ZIPКлонируйте репозиторий и скопируйте файлы навыка в свой проект.
git clone https://github.com/vuejs-ai/skills/tree/main/skills/vue-options-api-best-practices # Copy SKILL.md to your .claude/skills/ directory
Копировать
Быстрая настройка:
Скопируйте папку со скиллом в каталог .claude/skills/
Claude автоматически обнаружит и начнет использовать этот скилл
Репозиторий
vuejs-ai/skills
Похожие навыки
github-code-search
Обновлено время 29 июня 2026 г.
drizzle-orm
Обновлено время 29 июня 2026 г.
prisma-client-api
Обновлено время 29 июня 2026 г.
clickhouse-io
Обновлено время 29 июня 2026 г.
