Vuex and other state management concepts

Some interesting tidbits

https://vuex.vuejs.org/guide/getters.html#what-is-a-state-management-pattern

It is a self-contained app with the following parts:

This is a simple representation of the concept of "one way data flow", the opposite of which is 2-way data binding

From the Vuex Docs

However, the simplicity quickly breaks down when we have multiple components that share a common state:

For problem one, passing props can be tedious for deeply nested components, and simply doesn't work for sibling components. For problem two, we often find ourselves resorting to solutions such as reaching for direct parent/child instance references or trying to mutate and synchronize multiple copies of the state via events. Both of these patterns are brittle and quickly lead to unmaintainable code.