Learning Vuex

Course details

You've built an awesome Vue.js application. But over time, you keep finding that the pieces you add don't quite integrate. Things seem to have a mind of their own, because loose connections that worked wonderfully at the beginning grow more challenging as your app gets larger. Vuex helps you bring all of the pieces together, providing a central place to manage your application's state. In this course, Alexander Zanfir steps through how to use this state management pattern and library to more effectively handle the complexities in medium-to-large-scale Vue.js apps. Alexander covers using getters to process your state data, modifying data using mutations, making asynchronous calls using actions, and more.

Learning objectives
Why use Vuex?
Working with getters
Modifying data with mutations
Making asynchronous calls with actions
Passing parameters with actions
Creating an error display system
Separating logic with modules

Concepts

0. Introduction

01 - Why use Vuex
02 - Getting started

1. Why Use Vuex

03 - Your objectives
04 - Setting up the environment
05 - Creating a centralized store
06 - Creating a Vuex store
07 - Using mapState

2. Using Getters

08 - Getting fullName
09 - Passing a parameter to getter
10 - Creating an isLoaded getter
11 - Creating a loading progress circle
12 - Using mapGetters

3. Using Mutations

13 - Modifying data with a mutation
14 - Adding a new student
15 - Using mapMutations

4. Using Actions

16 - Making asynchronous calls with actions
17 - Passing parameters with actions
18 - Updating edit student with actions
19 - Using Vue.set to update your student array

5. Modules

20 - Creating an error display system
21 - Separating logic with modules

Conclusion

22 - Next steps

Learning Vuex

Authors

Alexander Zanfir