Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Learn Vuex

Enroll for freeGet started!

Join 17139 other students

Log in to get

Access to all our free courses
Interactive hands-on content
100s of code challenges
Join a friendly community
Enroll for free
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 and career paths
100s of coding challenges
Certificates of completion
Exclusive Pro members chat
The course creator Connor Lindsey

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!

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

man

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.

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.