Vue 3 Composition API 3

1h 59m 20s
English
Paid

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:

Read more about the course
  • 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

Learn Laravel Vuejs from scratch - Build a TESLA web app

Learn Laravel Vuejs from scratch - Build a TESLA web appudemy

Category: Vue, Laravel
Duration 6 hours 48 minutes 12 seconds
Mastering Nuxt 3

Mastering Nuxt 3masteringnuxt.comvueschool.io

Category: Vue, Nuxt
Duration 9 hours 56 minutes 5 seconds
What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

What’s New in Nuxt 4: Key Updates for Nuxt.js Developersvueschool.io

Category: Vue, Nuxt
Duration 33 minutes 19 seconds
Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

Nuxt 3 Fundamentals: Build Full-Stack Vue.js Appsvueschool.io

Category: Vue, Nuxt
Duration 3 hours 5 minutes 56 seconds
TypeScript with Vue.js 3

TypeScript with Vue.js 3vueschool.io

Category: TypeScript, Vue
Duration 1 hour 37 minutes 47 seconds
MASTERING NUXT Learn Nuxt.js by Building a Real World App

MASTERING NUXT Learn Nuxt.js by Building a Real World Appmasteringnuxt.com

Category: Vue, Nuxt
Duration 10 hours 36 minutes 24 seconds