Vue 3 Composition API 3
1h 59m 20s
English
Paid
May 30, 2024
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:
More
- 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 Vue 3 Composition API 3
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 |
Similar courses to Vue 3 Composition API 3
![Full-Stack Vue with GraphQL - The Ultimate Guide](https://cdn.courseflix.net/courses/100x56/full-stack-vue-with-graphql-the-ultimate-guide.jpg)
Full-Stack Vue with GraphQL - The Ultimate Guide
Duration 9 hours 52 minutes 3 seconds
Course
![Advanced Shopify Theme Development: Liquid + Vue.js (v3.0)](https://cdn.courseflix.net/courses/100x56/advanced-shopify-theme-development-liquid-vue-js-v3-0.jpg)
Advanced Shopify Theme Development: Liquid + Vue.js (v3.0)
Duration 6 hours 37 minutes 49 seconds
Course
![The Vue Firebase Project Course](https://cdn.courseflix.net/courses/100x56/the-vue-firebase-project-course.jpg)
The Vue Firebase Project Course
Duration 46 minutes 28 seconds
Course
![Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps](https://cdn.courseflix.net/courses/100x56/vue-3-and-nuxt-js-different-ways-of-creating-vue-apps.jpg)
Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps
Duration 4 hours 59 minutes 48 seconds
Course