Vue.js: Working with Vue State & Data

Overview/Description
Expected Duration
Lesson Objectives
Course Number
Expertise Level

---

Overview/Description

This 13-video course continues to explore Vue.js, a JavaScript front-end framework that is lightweight, flexible, progressive, and easy to set up to start creating apps. Learners will observe how to install and use Veux, a state management pattern and library which provides a centralized data store to refer to as a single source instead of separate pieces of state being handled in multiple places in the app. You will also learn how to create and use a Vuex store, a centralized way to maintain and manage state across the entire Vue app.Next, learn to use Vuex to monitor, read, and mutate local state, as this course demonstrates how to use actions in Vue store to work asynchronously. You learn to use namespacing modules in your Vuex stores. Watch demonstrations of how to use getters to calculate data from a store state, and see how they cache data and update themselves when the state changes. Finally, you will work with remote APIs (application programming interface) by using the Axios HTTP client service.

Expected Duration (hours)
0.8

Lesson Objectives

Vue.js: Working with Vue State & Data

identify the subject areas covered in this course

describe how Vuex helps to manage state in a Vue app

install Vuex and create an initial store

mutate state managed by Vuex via the mutations property

read current state using this.$store

read derived state from a Vuex store

install Axios and access Http methods in a Vue app

create actions that can be used to get data from a remote server

dispatch an action that requests data from a remote server

dispatch an action to post data to a remote server

set up Vue state in a modular fashion

use namespaces to avoid unexpected behavior across stores

install Vuex, create a root store file, initialize the store, and define a mutation, getter, and action

Course Number:
it_sdvuej_04_enus

Expertise Level
Beginner