====== Vuejs vuex store ====== ===== Application architecture: ===== routing \\ modules \\ container component \\ modules component \\ shared modules (like shared using git submodule) * container component * modules component emit events with payload container component commits synchronously to store. Store stores normalized data and container components create objects from these data using es6 classes. <graphviz> digraph G { { node [margin=1 fontsize=10 width=0.5 shape=circle style=filled] b [fillcolor=yellow fixedsize=true label="store"] d [width=1 shape=rectange fixedsize=shape label="container"] e [width=1.5 fontsize=8 shape=rectange fixedsize=shape label="module component"] } b -> {d} d -> {e} } </graphviz>