Real World Vue.js

Lessons

1. Introduction

0:57

2. Vue CLI 3 - Creating our Project

9:06

3. Optimizing your Editor

9:07

4. Vue Router Basics

15:16

5. Dynamic Routing & History Mode

9:31

6. Single File Vue Components

14:21

7. Global Components

9:14

8. Slots

6:45

9. API calls with Axios

17:52

10. Intro to Vuex

5:23

11. Vuex: State & Getters

12:01

12. Vuex: Mutations & Actions Pt. 1

17:28

13. Vuex: Mutations & Actions Pt. 2

17:47

14. Vuex: Modules

15:18

15. Success & Error Notifications

To be released on October 23

16. Latency & Loading Patterns

To be released on October 30

17. Filters

To be released on November 6

18. Mixins

To be released on November 13

19. Base Form Components

To be released on November 20

20. Form Validation

To be released on November 27
Notify me when new lessons are available.

Vuex: State & Getters

In the last lesson, we saw an overview of how Vuex works. In this tutorial, we’ll look at how we can access the State from our Vuex store from within our components, both directly and with the help of Getters.


Accessing State

If we take a look at our main.js file, we see we’re importing our Vuex store file, and providing it to our root Vue instance. This was set up for us …