Managing Vue JS State with Vuex Training Course


Vuex is a state management library for managing state in medium to large Vue.js applications. Vuex provides a centralized store for all application components for better maintainability and management of applications.

This instructor-led, live training (online or onsite) is aimed at developers and programmers who wish to create, manage, and update Vue applications using Vuex.

By the end of this training, participants will be able to use Vuex for building adaptable and maintainable single-page applications.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.


  • Basic understanding of HTML, CSS, JavaScript, and Vue


  • Developers
  • Programmers

Course Outline


  • State management overview

Overview of Vuex Features

  • Components (state, getters, actions, mutations)
  • Integration with Vue

Getting Started with Vuex

  • Creating a Vuex store
  • Importing store to Vue

Receiving States from the Store

  • Computed property
  • Object spread operator

Creating a Getter

  • Property-style access
  • Method-style access

Committing a Mutation

  • Object-style commit
  • Reactivity rules
  • Mutations in components

Learning About Helpers and Actions

  • Commit method
  • Dispatch method
  • The mapState and mapActions helpers

Working with Vuex Modules

  • Module local state
  • Dynamic module registration
  • Module reuse


Summary and Conclusion

Leave a Reply

Your email address will not be published. Required fields are marked *