Learn Vuex

This tutorial teaches you Vuex through ten interactive screencasts. You'll learn about state, mapState, getters, mutations, actions, modules, form handling, plugins and testing. The tutorials are approved by the core Vue team, and embeeded in the official Vuex docs!

Course content

01Getting Started with Vuex 💪
2:48
02Create Vuex Store and use it to hold state
3:06
03Preview: The Vue JS Bootcamp
1:20
04Create computed properties with Vuex mapState
3:33
05Retrieve data from Vuex Store with Getters
5:34
06Update state in Vuex Store with Mutations
6:47

The interactive tutorial that powers the official Vuex documentation 💪

Vuex is the canonical way to handle data stores in Vuex. It's like what Redux is to React.

Throughout ten interactive tutorials, you'll learn the core concepts behind Vuex step-by-step.

This course will give your a solid understanding of Vuex basics. This course also takes the collaboration between Scrimba and team Vue to a new level, as Scrimba screencasts are now powering both the Vue docs and the Vuex docs.

What you'll learn:

  • state
  • mapState
  • getters
  • mutations
  • actions
  • modules
  • form handling
  • plugins
  • testing

Throughout the course, you'll be able to interact with the screencasts whenever you want. This provides you with a powerful tool for when you're confused: simply pause the screencasts and interact with the code until you feel comfortable with continuing the course!

What you'll learn 👩‍🏫

Creating a store
Managing your store
Getting data from stores
Updating stored data
Mutations
Actions
Modules
Plugins
Vuex best practices
Handling forms
Testing with Mocha & Chai

Meet your teacher 👋

The course creator

Connor Lindsey

Connor is a software developer specialized on Vue.js. He's also a part of Maker Academy, which makes STEM education accessible through community and technology.

Thank Connor for the course

people love this course 😍

why you'll learn faster 🔥

secure your free spot

100,000 people can't be wrong

FAQ

What is Vue used for?

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Vue is designed to be incrementally adoptable. The core library is focused on the view layer only and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications.

What is Vuex used for?

It is a state management pattern and library for Vue applications. Vuex allows to use centralized state management in your application and is a library which helps you to take advantage of a Flux-like architecture in your Vue application.

What is the difference between Vue and Vuex?

Vue is a framework for building user interfaces. Vuex is a library that makes it easier to follow a fairly popular pattern when building user interfaces with Vue.