Chapter 10: Build a Shopping List App with Vue, Vuex and Bootstrap Vue
by Michael Wanyoike
As a Vue app grows, keeping track of state throughout the app can become a tricky process. For example, a given piece of state might need to be used in multiple components. Or maybe it’s needed by a component which is nested several components deeper than the one in which it’s stored.
Vuex is the official state management solution for Vue and is designed to help you manage state throughout your app as your application grows. In this tutorial, I’ll offer a practical example of how to get up and running with Vuex by building a shopping list app (which is a glorified to-do app, to be honest).
Demo and Code
If you’re curious to see what we’ll end up with, ...