Lessons: 12Length: 1.4 hours
Managing state in large web apps can be messy—and Vue.js is no exception. But the Vuex library can eliminate a lot of the headaches related to managing state in Vue apps.
In this course, Jeremy McPeak will teach you how to use Vuex to manage state in your Vue-powered applications. Follow along with this course and you’ll build a practical to-do list app, while learning how to use Vuex for state along the way.
You'll start with basic concepts and tracking simple state with Vuex. Then you'll go on to changing the state with mutations and actions, before tackling advanced topics like asynchronous actions and getters. So follow along and you'll get a complete introduction to Vuex.
1.Introduction
1.1Introduction01:25
1.1
Introduction
01:25
2.Using Vuex
2.1Setting Up the Project05:54
2.1
Setting Up the Project
05:54
2.2Displaying a List07:03
2.2
Displaying a List
07:03
2.3Adding State04:57
2.3
Adding State
04:57
2.4Committing and Tracking Changes09:03
2.4
Committing and Tracking Changes
09:03
2.5Using Getters to Compute Values08:44
2.5
Using Getters to Compute Values
08:44
2.6Dispatching Actions to Perform Asynchronous Work06:53
2.6
Dispatching Actions to Perform Asynchronous Work
06:53
2.7Using Mapping Functions08:14
2.7
Using Mapping Functions
08:14
3.Advanced Vuex
3.1Using Vuex With the Composition API08:17
3.1
Using Vuex With the Composition API
08:17
3.2Getter Methods09:04
3.2
Getter Methods
09:04
3.3Don't Track Everything and Make Your Actions Chainable13:21
3.3
Don't Track Everything and Make Your Actions Chainable
13:21
4.Conclusion
4.1Conclusion00:57
4.1
Conclusion
00:57
