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.

I’ll also explain what Vuex is and why you would use it.

#vue #vuejs #vuex #javascript #web-development

Learn Vuex in 30 MINUTES! (Vue JS 3)
3.85 GEEK