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
Watch Online Vue 3 Composition API 3
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
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
Quasar Fundamentals: Build Cross-Platform Vue.js Apps
Sources: vueschool.io
Quasar Framework will amaze you with its capabilities! By the end of this course, you will be able to develop applications on Vue.js for Android, iOS, Windows.
7 hours 6 minutes 8 seconds