Community코딩 & 개발github.com

vuejs-ai/vue-options-api-best-practices

Vue 3 Options API 스타일 (data(), methods, this 컨텍스트). 각 참조는 Options API 솔루션만을 보여줍니다.

vue-options-api-best-practices란 무엇인가요?

이 스킬은 Vue 3 애플리케이션 개발 시 Options API 방식을 일관되게 사용하도록 안내합니다. Options API는 Vue 2에서부터 널리 사용되어 온 전통적인 스타일로, data() 함수, methods 객체, 그리고 'this' 컨텍스트를 활용하여 컴포넌트의 상태와 동작을 정의합니다. Composition API와 달리 모든 옵션이 명확히 구분되어 있어 Vue에 익숙한 개발자에게 직관적이며, 특히 레거시 프로젝트 유지보수나 단순한 컴포넌트 작성에 유용합니다. 이 스킬은 주로 Cursor, Codex, Claude Code와 같은 AI 코딩 에이전트에서 사용되며, 각 코드 생성 요청에 대해 항상 Options API 스타일의 해결책만을 제공하도록 제한합니다. 이를 통해 AI가 혼란 없이 일관된 코드베이스를 생성할 수 있도록 도와줍니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vuejs-ai/skills/tree/main/skills/vue-options-api-best-practices

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

vue-options-api-best-practices은(는) 무엇을 하나요?

Vue 3 Options API 스타일 (data(), methods, this 컨텍스트). 각 참조는 Options API 솔루션만을 보여줍니다.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

관련 스킬