Vue 3 Composition API 3

1h 59m 20s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 22 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Introduction

All Course Lessons (22)

#Lesson TitleDurationAccess
1
Course Introduction Demo
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

Unlock unlimited learning

Get instant access to all 21 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Full-Stack Vue with GraphQL - The Ultimate Guide

Full-Stack Vue with GraphQL - The Ultimate Guide

Sources: udemy
This entire course within the context of a practical application that we will build literally from the first line of code to live deployment on the web. We'll be building an ima...
9 hours 52 minutes 3 seconds
Content Sites with Astro and Vue.js

Content Sites with Astro and Vue.js

Sources: vueschool.io
Do you want to create a fast and efficient website with content? In this course, you will learn how to use Astro and Vue.js together for developing high...
1 hour 3 minutes 38 seconds
Master Laravel with GraphQL, Vue.js and Tailwind

Master Laravel with GraphQL, Vue.js and Tailwind

Sources: udemy
Learn modern and most up to date development tools in your web developer toolchain. I'll let you see how modern PHP is these days. First off, the power of the L
17 hours 48 minutes 5 seconds