How to use Vuex in your Vue 3 Applications: Use Vuex in the Composition API

In this tutorial, you will learn how to use Vuex in your Vue 3 applications. Vuex just released an alpha version 4.0 which will bring Vue 3 support to the state management library. You are going to learn how to set up a Vue 3 application using the Vue CLI and then add in the newest version of Vuex. You will learn how to create a store and use it in a simple counter component using the Vue 3 Composition API.

When you have completed this tutorial you should understand:
✅ How to create a new Vue application using the Vue CLI
✅ How to add the Vue CLI vue-next plugin
✅ Update Vuex to 4.0.0-alpha.1
✅ How to create a Vuex store in Vue 3
✅ How to use the Vuex store in Vue 3
✅ Create a simple counter component using Vue 3 Composition API

🔗Resources & Links mentioned in this video:

👋🏻Connect with me:

[DanVega]

Are you currently using Vuex in any of your Vue applications? If not what is holding you back?

[ATTI]

Your videos help me to get ready for vue 3. For sure, it's not production ready but i dont expect many changes. So your videos quite helpful. Thanks 😀

[mezzasegolas]

Thank you so much, this has saved me at least an hour of trial and error. I am migrating from React/Redux, taking advantage of the new Vue release. Hopefully the documentation will be updated soon, the current version is not helpful at all. Cheers!

[katarinaromanoff]

Thank you ! I was struggling to get it work

[lennaidoo]

I installed vuex 4.0.0-alpha.1 when I do the following - import { createStore } from 'vuex'; I am getting the following error: no exported member createStore.

[chippycode]

can u upgrade this video including vuex plugins?

[rennnnnnnnnnn]

hello, what was your theme on your vscode :)

[ЕвгенийБорисов-еч]

please help - what using Vuex in NUXT 3?

[martinszeltins]

How would you call an API and then commit in Vuex 4.0? I heard that there are no actions in version 4

[johnm]

why is the count wrapped in a computed?

[divyasrivastava]

Hi how to use vuetify component into vue 3

[AlexTitarenko]

why not explain how to compile the OS while at it

[alekseym]

Imho. I don’t understand why Vuex is needed for Vue+composition api. You can import reactive variable(s) and add watcher. You can import any function(s) from your store.
I removed vuex from myself project. I always didn't like vuex, finally, I got rid of it :).