Vuex at a glance

In Chapter 1, Rethinking User Interfaces with Flux, Vue and Vuex, we defined Vuex as a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.

Although I think that, having read Chapter 1, Rethinking User Interfaces with Flux, Vue and definition should sound clear enough to you, it is still a bit obscure. Let's list down the three concepts contained in the preceding sentences:

• The centralized store
• The fact that the state can only be mutated in a predictable way
• The Vue reactivity system

If you look back to Figure 1.6 in Flux architecture summarized section in Chapter 1, Rethinking User Interfaces with Flux, Vue and Vuex, you will see that the Flux architecture has one dispatcher that dispatches...