Learn Vuex

Unlock CourseGet started!

Join 12087 other students

Log in to get

Access to 30+ free courses
New courses added monthly
Weekly coding challenge
Join a friendly community
Unlock Course
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
New courses monthly
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.

Built with Imba