What is Vuex?

State management is an important part of modern-day web applications, and managing this state as the application grows is a problem every project faces. Vuex looks to help us achieve better state management by enforcing a centralized store, essentially a single source of truth within our application. It follows design principles similar to that of Flux and Redux and also integrates with the official Vue devtools for a great development experience.

So far, I've spoken aboutstateandmanaging state, but you may still be confused as to what this really means for your application. Let's define these terms in a little more depth.

State Management Pattern (SMP)

We can define a state as the current value(s) of a variable/object within our component or application. If we think about our functions as simple INPUT -> OUTPUT machines, the values stored outside of these functions make up the current condition (state) of our application.

Note how I've made a distinction between component level...