Learning Vuex

Learning Vuex
Learning Vuex
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 015m | 207 MB

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.

Topics include:

  • 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
Table of Contents

1 Why use Vuex
2 Getting started

Why Use Vuex
3 Your objectives
4 Setting up the environment
5 Creating a centralized store
6 Creating a Vuex store
7 Using mapState

Using Getters
8 Getting fullName
9 Passing a parameter to getter
10 Creating an isLoaded getter
11 Creating a loading progress circle
12 Using mapGetters

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

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

20 Creating an error display system
21 Separating logic with modules

22 Next steps