Exploring large-scale Vuex

Vuex is the state management library for Vue applications. It serves as a central store for all the components in a Vue application. It is also a library implementation tailored specifically to Vue.js to take advantage of its granular reactivity system for efficient updates.

Significant benefits can be derived when using Vuex for the state management of a Vue application. Still, it can easily be misused and overwhelmed if not adequately structured—especially when building a large-scale enterprise application—due to the size of the project and the number of components and features that will be introduced in the project.

To tackle this structure problem, we will introduce you to different structures to arrange your Vuex store and the law of predictability discussed in Chapter 4, Architecture for Large-Scale Web Applications, to accommodate large-scale Vue applications.

In this section, we will discuss Vuex states, getters, mutations,...