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 of components. The Event Bus pattern provided a simple pub and sub system by which any component could emit an event and any component could then listen to that event as well. While writing your own solution to this problem is a great way to keep your coding skills sharp, it would be better, in this case, to use an already developed, well-tested solution already in use in the Vue community—Vuex (https://vuex.vuejs.org/):

Figure 9.1: The Vuex home page

Vuex is a core part of the Vue ecosystem and provides what we already built in the previous chapter along with much more. Let's take a high-level look at the main features of Vuex.

Store

At a high level, a Vuex instance, or one use of Vuex, is considered a store. The store is the top-level container employing...