Learn Vuex

Unlock Course Get started!

Join 15505 other students

Log in to get

Access to all our free courses

Interactive hands-on content

100s of code challenges

Join a friendly community

Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses, bootcamps, paths

100s of coding challenges

Certificates of completion

Exclusive Pro members chat

with Connor Lindsey

Course level: Intermediate

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 embedded in the official Vuex docs!

What's inside

This course contains 14 interactive screencasts

Learn Vuex

14 lessons1 hour

1. Getting Started with Vuex 💪

2. Create Vuex Store and use it to hold state

3. Frontend Developer Career Path Promo

4. Frontend Career Path

5. Preview: The Vue JS Bootcamp

6. Create computed properties with Vuex mapState

7. Retrieve data from Vuex Store with Getters

8. Update state in Vuex Store with Mutations

9. Update state asynchronously with Vuex Actions

10. Structure and manage Vuex store with Modules

11. Handle forms with Vuex

12. Share code between Vue apps with Vuex Plugins

13. Test Vuex Mutations, Actions and Getters with Mocha and Chai

14. Congratulations on completing Learn Vuex! 🏆

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

Prerequisites

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.

Learn JavaScript

172 lessons | 8 hours 24 min

with Per Harald Borgen

Per Harald Borgen

13 lessons | 1 hour 7 min

with Zaydek Gualtieri

Zaydek Gualtieri

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.

Follow me on twitter

Why this course rocks

Vuex is the canonical way to handle data stores in Vue. 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 chatLearning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!

F to the A oracle

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.