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

Watch Online Vue 3 Composition API 3

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 Isomorphic JavaScript with Vue.js & Node.js

Full Stack Isomorphic JavaScript with Vue.js & Node.js

Sources: udemy
Learn to build full-stack isomorphic JavaScript web applications with Vue and Node.js along with the MEVN stack. The MEVN stack is a collection of great tools—M
5 hours 33 minutes 49 seconds
The Vue Firebase Project Course

The Vue Firebase Project Course

Sources: fireship.io
The Vue Firebase Project Course will teach you the basics of full-stack web development by building a chat prototype from scratch. You will build a realtime walkie-talkie style...
46 minutes 28 seconds