Vuex modules

Vuex is a state management library for Vue. js, that is based on the Flux pattern. In the above code, the increment function is a dispatcher that updates the value of the count property . When we have full control over every state change, we can easily track all of them and make our app much easier to debug.

At the center of every Vuex application is the store. A “store” is basically a container that holds your application state. There are two things that make a Vuex store different from a plain global object: Vuex stores are reactive.

Vuex allows us to define “getters” in the store. You can think of them as computed properties for stores . WARNING. As of Vue 3.0, the getter’s result is not cached as the computed property does. This is a known issue that requires Vue 3.1 to be released.

State Management is the implementation of a Design Pattern that centralizes the data in a single source of truth (State), so it can be accessed application-wide .24 Haz 2021