Front-End Development Projects with Vue.js

9. Working with Vuex – State, Getters, Actions, and Mutations

Overview

In this chapter, you will learn how to use Vuex to build more complex Vue applications. You'll learn the specifics concerning how to add Vuex to a Vue application, how to define state with the Vuex store, and then use getters, actions, and mutations to read data from, and update it in, the store. By the end of the chapter, you will have seen multiple examples of how Vuex transforms your Vue applications, preparing them to grow much more complex in a much more manageable fashion.

Introduction

In the previous chapter, you learned how to use the Event Bus pattern to help solve an important problem: communicating events back and forth between complex and highly nested sets ...