Subscription includes:


Full access to all our courses

New courses added monthly

Weekly coding challenges

Exclusive chat access

Cancel whenever

Prefer one-time fees instead? Click here to buy this course for $0

Start learning now!

Learn Vuex

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!

What's inside

This course contains 12 interactive screencasts.

Learn Vuex

12 scrims

57 min

You'll learn

Creating a store

Managing your store

Getting data from stores

Updating stored data




Vuex best practices

Handling forms

Testing with Mocha & Chai


Before taking this course, you should have a basic understanding of HTML, CSS, JavaScript, and Vue. Here’s our suggested resources to get you up to speed.

The course creator

Meet your teacher

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.

Why this

course rocks

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.

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!

Join the Scrimba community chat

Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!

F to the A to the Q

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.