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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Master Laravel, Vue 3 & Inertia Full Stack 2023

Master Laravel, Vue 3 & Inertia Full Stack 2023

Sources: udemy
Learn Laravel together with Vue.js in this brand new, full-stack, project based course! Learn how to create a robust API in Laravel and a Single Page Application frontend in Vue...
35 hours 53 minutes 40 seconds
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
The Ultimate Guide to Vue Performance

The Ultimate Guide to Vue Performance

Sources: vueschool.io
In today's world, the performance of web applications is of paramount importance. In this course, you will learn how to maintain the speed of your Vue...
2 hours 31 minutes 10 seconds
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Sources: udemy
No matter at which Metric you look at (Google Trends, Github Stars, Tweets ...) VueJS is the Shooting Star in the World of JavaScript Frameworks - it simply is
19 hours 57 minutes 29 seconds