Reference in Vue.js

Reference is the last chapter of the free Vue.js tutorial. Use it to look up syntax quickly once you have worked through the lessons.

What each lesson covers:

• Vue Cheat Sheet: The most-used patterns from every chapter, in course order, each pointing to the lesson that explains it.

The cheat sheet follows the order of the course. It starts with creating an app, templates and directives, reactivity, and dynamic and list rendering. It moves on to events and forms, components, attributes, provide and inject, lifecycle hooks and the Options API. The later sections cover composables, custom directives and plugins, TypeScript, Vue Router, Pinia, HTTP requests, advanced components and transitions, rendering modes, testing, production and Nuxt. Each block is short, so use it to remember the exact syntax, and open the lesson when you need the full explanation.

The code samples follow the TypeScript or JavaScript picker in the top bar.

Lessons in this section

1. Vue Cheat Sheet

   A quick reference for the whole Vue course: templates and directives, reactivity, rendering, events and forms, components, the Options API, composables, directives and plugins, routing, Pinia, HTTP, built-in components, transitions, rendering modes, testing, performance, errors and deployment.

   • Find the exact Vue syntax for a task in seconds
   • Jump to the lesson that explains each topic in full