# Composition API Vue 3 Composition API General

> 使用 Composition API 的 Vue 3 组件的一般指导原则。这包括组件结构和响应式状态管理的最佳实践和建议。

- Skill: `liaosw97/composition-api-vue-3-composition-api-general` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add liaosw97/composition-api-vue-3-composition-api-general`
- Raw SKILL.md: https://api.skillmd.com/api/skills/liaosw97/composition-api-vue-3-composition-api-general/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: liaosw97 (https://skillmd.com/u/liaosw97)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/liaosw97/composition-api-vue-3-composition-api-general

---


- 使用 setup() 函数处理组件逻辑
- 利用 ref 和 reactive 实现响应式状态
- 使用 computed() 实现计算属性
- 使用 watch 和 watchEffect 处理副作用
- 使用 onMounted、onUpdated 等实现生命周期钩子
- 利用 provide/inject 进行依赖注入