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

Test with Jest

Test with Jest

Sources: vueschool.io
Jest is an industry leading test suite for JavaScript used by big and small projects around the globe. Get up and running with Jest in this course! In this course, you'll learn ...
52 minutes 39 seconds
Robust Vue.js Forms with FormKit

Robust Vue.js Forms with FormKit

Sources: vueschool.io
Forms are the core of interactive and dynamic web pages. They accept user input and must respond to that input often in real time and in a variety of ways. Form
2 hours 4 minutes 52 seconds
Ethereum and Solidity: Build Dapp with VueJS

Ethereum and Solidity: Build Dapp with VueJS

Sources: udemy
Build Decentralized Application using VueJS and Smart Contracts written in Solidity. Learn how to create simple smart contracts. Learn how to develop Decentrali
1 hour 45 minutes 9 seconds