Overview
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.
Requirements
- Basic understanding of HTML, CSS, JavaScript, and Vue
Audience
- Developers
- Programmers
Course Outline
Introduction
- 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
Troubleshooting
Summary and Conclusion