Communityコーディング&開発github.com

hyf0/vue-options-api-best-practices

Vue 3 Options APIスタイル(data()、methods、thisコンテキスト)のリファレンス。各項目はOptions APIの解法のみを提示します。

vue-options-api-best-practices とは?

このスキルは、Vue 3のOptions APIに特化したベストプラクティス集です。data()、methods、computed、watch、ライフサイクルフックなど、Options APIの各機能を正しく実装するための具体的なコード例と解説を提供します。Vue 3のComposition APIではなく、従来のオプションオブジェクト形式に焦点を当てており、Vue 2からの移行ユーザーやOptions APIを好む開発者に最適です。各リファレンスは、thisコンテキストの適切な使い方やリアクティブデータの管理方法など、実践的なパターンを網羅しています。スキルはClaude CodeやCursorなどのAIエージェント環境で利用でき、Vue 3アプリケーションの開発時にOptions APIに沿ったコード生成を支援します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/hyf0/vue-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 7 individual skills — each has its own dedicated page.

関連スキル