Last week in our Unpacked: Single-Page App course we began exploring how Vuex stores state in our application. This week we have 3 more videos for you! 🐟

First up, we realize an empty tackle box catches no fish, so we dispatch a Vuex action to add baits to the tackle box.

Then we look at the second “page” of our application: the tackle box page. This page renders the items in the angler’s tackle box and, more interestingly, the catches made on those baits.

By tracing the code end-to-end we see custom Vue events in action.

Enjoy!