Vue Tutorial — One-Page Cheat Sheet

Progressive JS framework for the modern web.

Vue Tutorial

• HOME
• Intro
• Get Started
• Single File Components
• Templates
• Interpolation
• Directives
• v-bind
• v-on / Events
• v-model
• v-if / v-else
• v-for
• Class & Style Bindings

Reactivity

• Reactivity Overview
• ref()
• reactive()
• computed()
• watch / watchEffect
• Composition API
• Options API
• <script setup>

Components

• Props
• Emits / Events
• Slots
• provide / inject
• Lifecycle Hooks
• Composables
• Async Components
• Teleport
• Transitions

Ecosystem

• Router
• Pinia (state)
• Forms / vee-validate
• Nuxt
• Vitest + Vue Test Utils
• SSR

Examples

• Examples
• Editor
• Quiz
• Exercises
• Bootcamp
• Certificate
• Summary