Using Vuex the right way
Vue.js is a Javascript framework for building user interfaces and single page applications. It’s becoming one of the most popular front-end frameworks, competing with React and Angular. As you may know, as an application gets bigger, you are in more need for state management solutions. Even though you can make your own or use something like Redux, Vue core team provides its own official library called Vuex for handling application state.
Vuex is a state management library provided by Vue core team and inspired by Facebook’s flux model. It’s really easy to integrate it with existing Vue applications. Also, it’s very flexible and scalable. It’s based on mutability, unlike Redux that’s all about immutability, but the concepts of using Vuex/Redux are really similar.