Vue Cheatsheet
NewVue 3 reference — template syntax, Composition API, components, slots, and routing.
Frequently Asked Questions
Is this more Composition API or Options API?
Both are covered. The tabs split Template Syntax, Composition API, and Options API basics, and the sample entries include `script setup`, `ref`, `reactive`, `computed`, and classic `data`/`methods`/`watch` patterns.
Can I quickly find `v-model`, emits, and slots examples?
Yes. The component has dedicated areas for Template Syntax, Emits & Events, and Slots, and the search checks the example text too, not just the card titles.
Does it include router and state management basics, or just component syntax?
It includes both. There are tabs for Vue Router basics and Pinia/Vuex state basics, so the content goes beyond single-file component markup.
What exactly gets copied when I use the buttons?
Copy syntax grabs the fuller syntax string behind the card, while Copy example grabs the concrete example snippet shown below it. That is useful when you want either the general pattern or something closer to paste-ready code.
Will this help me debug a reactivity bug in my app?
Not directly. It is a reference sheet, so it can remind you of the right `watch`, `computed`, or `reactive` pattern, but it does not inspect your component state or dependency graph.