Skip to content

Source Code for the Vue 3 Composition API Course

Notifications You must be signed in to change notification settings

jrollio/vue-3-composition-api

 
 

Repository files navigation

Vue 3 Composition API

This repository contains the example code for 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.

If you are just starting out with Vue.js, we suggest that you watch our free course Vue.js 3 Fundamentals and browse around our other beginner courses before diving into the Vue Composition API. If you are looking to brush up your ES6 skills, watch our course Modern JavaScript: ES6 and beyond.

Enroll at Vue School to watch this course!

Build Setup

# Run development server
npm run dev

# Build for production
npm run build

# Run preview production server after build
npm run serve

About

Source Code for the Vue 3 Composition API Course

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 47.6%
  • Vue 43.7%
  • HTML 7.4%
  • CSS 1.3%