In this chapter, we'll learn how to manage complex state in Vue by using Vuex. Vuex helps deal with the issue of managing state and deeply nested components in Vue apps.
At the end of this chapter, you will understand what problems Vuex solves and how it solves them, and you should understand where all the moving parts fit in. You will also know how to build a simple Vuex app and the approach to take when thinking about extending it.
Specifically, we will go over these topics:
- Understanding state
- State management, data stores, and one-way data flows
- Hot reloading
- Building a very simple Vuex app
- How to update state from Vue DevTools' Vuex tab
- Building a more complex Vuex appÂ
Let's begin by understanding exactly what state is.
