Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Vue 3 Composition API

Leverage the power of the new Composition API and build reusable features (composables) for scalable Vue applications.

  • 23 lessons
  • 1 hr
  • Intermediate
Illustration image of Vue 3 Composition API

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.