[Vuejs]-Why use state management in VueJs SPA?

To get started you may find it easy to have everything at one place like App.vue, But in later stages it will be headache to seek synchronisation between different components/modules, it is always recommended to have all common stuff to reside in the ‘state’ and avoid direct DOM manipulation using actions and mutations. Go through the state diagram of VUEX and its life-cycle to understand the importance of state management, however Vue js is light-weighted.