V
vue-options-api-best-practices
by @vuejs-aiv
4.4(112)
Vue 3 Options APIのベストプラクティスに従い、コンポーネントのデータ、メソッド、コンテキストを管理し、開発効率とコードの保守性を向上させます。
インストール方法
npx skills add vuejs-ai/skills --skill vue-options-api-best-practicescompare_arrows
Before / After 効果比較
1 组使用前
Vue 3でOptions APIを使用する際、ベストプラクティスの適用方法、TypeScriptの統合、または一般的な落とし穴の回避方法が不明確な場合があります。その結果、コードの品質が不均一になることがあります。
使用後
Vue 3 Options APIのベストプラクティスに従い、TypeScriptを型推論に活用することで、より堅牢で、保守しやすく、理解しやすいVueコンポーネントを作成できます。
SKILL.md
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
- Enabling type safety for Options API this context → See ts-strict-mode-options-api
- Using old TypeScript versions with prop validators → See ts-options-api-arrow-functions-validators
- Event handler parameters need proper type safety → See ts-options-api-type-event-handlers
- Need to type object or array props with interfaces → See ts-options-api-proptype-complex-types
- Injected properties missing TypeScript types completely → See ts-options-api-provide-inject-limitations
- Complex computed properties lack clear type documentation → See ts-options-api-computed-return-types
Methods & Lifecycle
- Methods aren't binding to component instance context → See no-arrow-functions-in-methods
- Lifecycle hooks losing access to component data → See no-arrow-functions-in-lifecycle-hooks
- Debounced functions sharing state across component instances → See stateful-methods-lifecycle
ユーザーレビュー (0)
レビューを書く
効果
使いやすさ
ドキュメント
互換性
レビューなし
統計データ
インストール数5.3K
評価4.4 / 5.0
バージョン
更新日2026年5月21日
比較事例1 件
ユーザー評価
4.4(112)
5
23%
4
51%
3
23%
2
3%
1
0%
この Skill を評価
0.0
対応プラットフォーム
🔧Claude Code
🔧OpenClaw
🔧OpenCode
🔧Codex
🔧Gemini CLI
🔧GitHub Copilot
🔧Amp
🔧Kimi CLI
タイムライン
作成2026年3月16日
最終更新2026年5月21日