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

Mastering Nuxt 3

Mastering Nuxt 3

Sources: masteringnuxt.com, vueschool.io
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the biggest and most in-depth, fun, and realistic course ever
9 hours 56 minutes 5 seconds
100 Days Of Code: The Complete Web Development Bootcamp 2024

100 Days Of Code: The Complete Web Development Bootcamp 2024

Sources: Academind Pro
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
78 hours 51 minutes 55 seconds
Interactive Vue.js Resume Builder

Interactive Vue.js Resume Builder

Sources: fullstack.io
“Word” or “PDF” resume pfft! You’re better than that and you know it. In this course, you will create a customizable developer resume from scratch in Vue.js wit
3 hours 33 minutes 1 second