• To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video

  • To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video

Back

Already know the Options API? Switch over to the Composition API as quickly as possible!

  • Servers
  • Desc.
  • Download

Report any issue here
  • Local Part 1/2 5 h 34 m
  • Local Part 2/2 3 h 27 m
  • YT Part 1/2 5 h 34 m
  • YT Part 2/2 3 h 27 m
  • FB Part 1/3 3 h 47 m
  • FB Part 2/3 3 h 54 m
  • FB Part 3/3 1 h 4 m
VUE JS 3: COMPOSITION API (WITH PINIA, FIREBASE 9 & VITE)
1
ALREADY KNOW THE OPTIONS API? SWITCH OVER TO THE COMPOSITION API AS QUICKLY AS POSSIBLE!
What you’ll learn
* How to switch over from Vue 2 & Options API to Vue 3 & Composition API
* Core differences between Options API & Composition API
* State Management using Pinia
* Create a real-world app from scratch with Vue 3, Composition API, Pinia & Vite
Requirements
* Basic understanding of Vue 2 & Options API
* Basic understanding of HTML, CSS & JavaScript
DESCRIPTION
If you’re already familiar with Vue 2 & The Options API, then this video will teach you everything you need to know to switch over to (and get started with) Vue 3 & the amazing new Composition API.
My name’s Danny, I’m an Indie App Developer & Creator of Fudget, the highest rated personal finance app for iOS, Android, Mac & Windows.
And I’ve spent the last 12 months creating Fudget 2 – which is built on Vue 3 & The Composition API.
In this video you’ll start by learning the key differences between the Options API & Composition API by creating a simple Options API app & converting it to the Composition API.
You’ll then master all of the basics including:
* Reactive data with Refs & Reactive Objects
* Methods, Computed Properties & Watchers
* Lifecycle Hooks
* Directives
* Vue Router
* Child Components – including the new ways of handling props, emits & modelValue
* Dynamic Components
* Composables – how to create them from scratch & how to import them from the VueUse library
* And you’ll learn State Management using Pinia, the incredible successor to Vuex
After learning the basics, you’re gonna create a real world app called Noteballs from scratch – which has full CRUD capabilities, uses Pinia for State Management and demonstrates real-world use of all the basics you learned earlier.
After this video, you’ll be able to create your own Vue 3 apps based entirely on the Composition API – from scratch.
This video requires a basic understanding of Vue 2 & The Options API, HTML, CSS & JavaScript.
Please check out the preview videos & I look forward to seeing you in the video.
WHO THIS VIDEO IS FOR:
* Developers familiar with Vue 2 & Options API who want to switch over to Vue 3 & Composition API
Download video materials