Learn Vuex in 30 MINUTES! (Vue JS 3)
In this video I’m gonna show you how to get started with Vuex (within a Vue 3 project) - in around 30 minutes!
0:00 Introduction
0:52 Create a VueJS 3 Project
2:39 Counter App - Design
4:35 Counter App - Data & Methods
6:08 What is Vuex?
7:54 Vuex Store Sections Explained
10:51 Setup State
12:01 Setup Mutations
13:54 Setup Actions
20:01 Setup Getters
22:01 Vuex & Two-Way Binding
28:19 Child Components
We’re gonna create a simple counter app - in the usual way Vue JS way - by adding data and methods to our view component.
And then we’re gonna move all of our data and methods into a Vuex store - using State, Mutations, Actions and Getters.
You’ll also see how to use an API within Vuex - using Axios.
Suggest:
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework
☞ Learn Vue.js from scratch 2018
☞ Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!
☞ Vue.js Tutorial: Zero to Sixty