Chapter 5. Vuex – Managing State in Your Application

In the previous chapter, you learned one of the most important concepts of Vue.js: data binding. You learned and applied a lot of ways of binding data to our application. You also learned how to use directives, how to listen to events, and how to create and invoke methods. In this chapter, you will see how to manage the data that represents a global application state. We will talk about Vuex, a special architecture for centralized states in Vue applications. You will learn how to create a global data store and how to retrieve and change it inside the components. We will define what data is local and what should be global in our applications, and we will use the Vuex store to work with a global state in them.

Summing it up, in this chapter, we are going to:

• Understand the difference between local and global application states
• Understand what Vuex is and how it works
• Learn how to use data from the global store
• Learn about...