Introduction to Filip, VueStorefront, early adoption of the Composition API, and our example app
4:56
BONUS - Vue 2 Composition API plugin vs Vue 3 Composition API implementation
4:20
Why We Need Reactivity
1:59
Ref and Reactive - key parts of the Composition API's Reactivity System
6:21
BONUS - Vue 2 'gotcha' with pulling functions out of setup
2:34
Composition API
5:04
Instance vs Global State with composable functions and the Composition API
5:08
Async Fetch Composable Function (example)
5:54
Composition API in VueStorefront Source Code
8:13
BONUS - How VueStorefront Next is Organized (overview)
11:10
0% done with Expert Series - Filip Rakowski - Composition API in VueStorefront

BONUS - Vue 2 'gotcha' with pulling functions out of setup

If you try to pull functions and variables out of 'setup' while using the Vue 2 Composition API, you'll need to do a few extra steps - import what you need and then call Vue.use with the composition API.

If you're using Vue 3, no need to worry about this!

What do others think of VueScreencasts?
"Quality tutorial, thanks a lot!"
—Jay Pick
"Thank you! Really digging your videos!"
—Lars Sørensen
"Very good tutorial, thanks."
—ivan89pln
"Thanks, just looked for something good about how Nuxt work with its pages, layout, store, and your videos are really good!"
—justLbee
Take your career to the next level