About the Vue 3 Composition API course

Vue 3 introduced the Composition API as an alternative method to the Options API for writing component state and logic. In this course, we cover everything you need to know: from the basics to real world scenarios. Learn the Vue.js 3 Composition API from top to bottom including topics like:

  • How to start using the Composition API
  • What is a ref?
  • What's the difference between ref and reactive?
  • Accessing props, attrs, slots, and the emit function
  • Watching data and reacting to changes
  • Using lifecycle hooks
  • Using provide/inject
  • Eliminating boilerplate with the setup attribute
  • Using async/await in setup
  • Writing reusable composables
  • Using composables for global state management
  • and more!

Requirements You should be familiar with JavaScript, basic ES6 like arrow functions and import statements, and have fundamental knowledge of Vue.js and the options API.

NOTE: This course is best suited for those already familiar with the Options API.

If you are just starting out with Vue.js, we suggest that you watch our free course Vue.js Fundamentals with the Composition API and browse around our other beginner courses before diving into the Vue Composition API.

·
·
·

What you will learn in the Vue 3 Composition API course

reactive data with ref and reactive
computed
watch and watchEffect
lifecycle hooks
script setup
async/await in setup
writing reusable composables

Share this course

Request a course

Who's behind the course

Daniel Kelly - Teacher
Daniel is a full-time educator at Vue School and has a massive passion for Vue.js, Nuxt.js, and Laravel.
Rolf Haug - Contributor / Reviewer
Rolf has been in development industry for 16 years. Long-time entrepreneur and consultant currently working on educational content and workshops.
Alex Kyriakidis - Contributor / Reviewer
Alex is an educator and consultant, core member of the Vue.js team and author of the first best-selling books on Vue.js.