Guide Vue 3 Composition API usage with ref, reactive, and script setup.
npx skills add https://github.com/oyjt/uniapp-vue3-template --skill vue-oyjt
Please help me install this Agent Skill. Skill: vue Source: https://github.com/oyjt/uniapp-vue3-template/tree/main/.cursor/skills/vue Command: npx skills add https://github.com/oyjt/uniapp-vue3-template --skill vue-oyjt
Vue 3 development with the Composition API and reactivity model can be challenging to learn and apply consistently across projects. This Skill provides a structured, reference-driven guide to accelerate learning and practical usage.
Start by reading the core references (core-reactivity.md, components-props.md, components-slots.md) and try a small example: create a component that uses script setup, ref state, and a prop, then render it with v-model if needed.
High-intent search queries and answers about installing and using this skill.
Vue 3 Composition API uses script setup with ref and reactive primitives to manage reactive state. You define state using ref for primitives and reactive for objects, exposing them directly in the template for reactive UI updates.
The best way to define props and emits in Vue 3 is using defineProps and defineEmits macros within script setup. This approach provides full TypeScript integration, ensuring type-safe component interfaces and scalable UI architectures.
Vue 3 v-model uses the defineModel macro within script setup to create two-way binding for components. It simplifies prop and emit synchronization, allowing seamless parent-child data flow without manual event handling.
Use provide/inject for passing state deeply through Vue 3 component trees without prop drilling, while composables encapsulate reusable reactive logic. Both patterns leverage Vue 3 reactivity for scalable UI architectures.
Vue 3 slots allow parent components to inject content into child component templates. By defining slot outlets in components, you create flexible and reusable UI structures for scalable Vue 3 architectures.
MadAppGangConfigure React 19 frontend tooling with Vite, TypeScript, Biome, and Vitest.
eleva-labsSet up and run frontend tests with Jest, Vitest, Playwright, or Cypress.
AratKruglikDevelop Vue 3 applications with Composition API, Pinia, and Vite.
janpeterdImplement immutable reactive state management with TanStack store primitives.
