Vue 3 Composition API 3

1h 59m 20s
English
Paid
May 30, 2024

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:

More
  • 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.

Watch Online Vue 3 Composition API 3

Join premium to watch
Go to premium
# Title Duration
1 Course Introduction 01:25
2 Introduction to the Vue.js 3 Composition API 08:46
3 Set up a Local Environment with Vite 03:35
4 Vue Composition API Setup Method 06:53
5 The Setup Method's Parameters: props and context 06:14
6 Reactive Primitives with Refs 07:00
7 Reactive Data with the Composition API 04:49
8 Refs vs Reactive With the Vue 3 Composition API 08:56
9 Computed Properties in the Composition API 05:14
10 Using Watch with the Composition API 09:00
11 The Composition API watchEffect Function 02:52
12 Using provide / inject with the Composition API 08:42
13 Lifecycle hooks and the Composition API 01:02
14 Script Setup 04:11
15 Overview of Example Blog 04:23
16 Creating a usePost Composable 04:02
17 Using the usePost Composable in Multiple Components 02:58
18 Using Vue Router with Composition API 03:04
19 Refactoring for a More Versatile Composable 06:46
20 Asynchronous Data and the Composition API 05:00
21 The Suspense Component 04:55
22 Use Shared State Between Uses of a Composable 09:33

Similar courses to Vue 3 Composition API 3

Vue JS 3: The Composition API

Vue JS 3: The Composition APIudemy

Duration 5 hours 24 minutes 26 seconds
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)udemy

Duration 19 hours 57 minutes 29 seconds
Robust Vue.js Forms with FormKit

Robust Vue.js Forms with FormKitvueschool.io

Duration 2 hours 4 minutes 52 seconds