State Management with Vuex 4
This course will teach you how to manage application state in Vue.js applications using Vuex: Vue’s official and recommended state management library.
What you'll learn
Every modern web application needs a way to manage and store client-side application state and interact with the server via APIs. In this course, State Management with Vuex, you’ll learn how to manage application state in Vue.js applications using Vuex; Vue’s official and recommended state management library. First, you’ll explore how to create a Vuex store and retrieve data from the store. Next, you’ll discover how to safely change data in the store with mutations. Finally, you’ll learn how to use Vuex to integrate with external APIs for retrieving and storing data on a back-end server. When you’re finished with this course, you’ll have the skills and knowledge of Vuex needed to create robust Vue applications with advanced state management requirements.
Table of contents
- Version Check 0m
- Introduction 1m
- What Is State Management? 4m
- What Is Vuex? 3m
- Getting Started with Our Demo App 3m
- Creating a Vuex Store 6m
- Retrieving State from a Vuex Store 7m
- Changing Vuex State with Mutations 7m
- Retrieving Calculated State with Getters 6m
- Using Method Style Vuex Getters 2m
- Vuex Try What You've Learned 1m
- Summary 1m
- Introduction 0m
- What Are Vuex Actions? 3m
- Starting Our API Server 3m
- Proxying an API Server in the Dev Environment 2m
- Retrieving Data from an API with Vuex Actions 6m
- Posting Data to an API with Vuex Actions 7m
- Returning and Using Promises from Vuex Actions 5m
- Using Vue DevTools to Troubleshoot State 7m
- Summary 1m