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
0:00
/ #1: Course Introduction
All Course Lessons (22)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
The complete guide to Mastering Pinia (Complete)
Sources: vueschool.io, Eduardo San Martin Morote
Create reliable Vue.js applications that scale. Supported and quality codebases often depend on decisions made at the early stages.
10 hours 18 minutes 32 seconds
Rapid Testing with Vitest: Master Unit Testing & Mocking
Sources: vueschool.io
In this course the creator of Vitest, Anthony Fu, will get you up and running with the fastest testing framework around. Learn the basics of how to do unit tes
1 hour 15 minutes 44 seconds
PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)
Sources: udemy
In this course, I'm gonna show you how to use Vue JS, Quasar Framework and Firebase to create an amazing Progressive Web App (PWA). We're gonna create a gorgeous Instagram clone...
14 hours 36 minutes 16 seconds
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
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