Managing State in Vue.js with Vuex

The Managing State in Vue.js with Vuex training course teaches you how to leverage Vuex the right way to add more maintainability and readability to the state management in a Vue.js application.

Vuex was inspired by Redux, a popular state management library for React, but is designed to integrate more seamlessly into Vue.js applications since it was created by the same developers and was intended only for use with Vue.js.

Course Summary

Learn how to use Vuex to simplify state management in a Vue application.
Vue.js developers looking to learn how to leverage Vuex
Skill Level: 
Learning Style: 

Hands-on training is customized, instructor-led training with an in-depth presentation of a technology and its concepts, featuring such topics as Java, OOAD, and Open Source.

Hands On help
1 Day
Productivity Objectives: 
  • Install Vuex into your project
  • Integrate Vuex into Vue.js to create a central state store
  • Manage state with getters and mutators
  • Perform asynchronous actions on the store’s state, including persisting state to remote servers and local storage bases
  • Use Vue.js dev tools to debug state changes
  • Split different pieces of state into separate modules for simpler maintenance
  • Extend Vuex with plugins
    Test Vuex stores

What You'll Learn

In the Managing State in Vue.js with Vuex training course you’ll learn:

  • Introduction
    • What is Vuex?
    • Core Concepts
    • Advantages of Vuex vs plain Vue.js state management
  • Getting Started
    • Installing Vuex
    • Creating a basic Vuex store
    • Making the Vuex store available to the entire app
  • Accessing State
    • $store.state
    • Mapping state to computed properties in components
  • Getters
    • Retrieving computed state from a store
    • Writing getters
    • Using getters
    • Mapping getters to computed properties in components
  • Mutations
    • Why not just set state directly?
    • Writing mutations
    • Commiting mutations
    • Mapping mutations to methods in components
  • Actions
    • What are actions?
    • Writing actions
    • Performing asynchronous operations
    • Using actions to persist data
    • Dispatching Actions
    • Mapping actions to methods in components
  • Debugging
    • Installing Vue dev tools
    • Tracking state changes in tool
    • Using “time travel” to debug
  • Modules
    • Splitting state into modules
    • Namespacing modules
    • Registering modules
    • Accessing global/root state from namespaced modules
    • Using helpers to aid in mapping module state/getters/mutations/actions in components
  • Plugins
    • Creating and registering plugins
    • Potentially useful plugins
    • Using plugins with modules
  • Testing
    • Testing getters
    • Testing mutations
    • Testing actions
  • Q/A

Get Custom Training Quote

We'll work with you to design a custom Managing State in Vue.js with Vuex training program that meets your specific needs. A 100% guaranteed plan that works for you, your team, and your budget.

Learn More

Chat with one of our Program Managers from our Boulder, Colorado office to discuss various training options.

DevelopIntelligence has been in the technical/software development learning and training industry for nearly 20 years. We’ve provided learning solutions to more than 48,000 engineers, across 220 organizations worldwide.

About Develop Intelligence
Di Clients
Need help finding the right learning solution?   Call us: 877-629-5631