Vue.js: Working with Vue State & Data
Vue.js 2.6
| Beginner
- 13 Videos | 49m 9s
- Includes Assessment
- Earns a Badge
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.
WHAT YOU WILL LEARN
-
identify the subject areas covered in this coursedescribe how Vuex helps to manage state in a Vue appinstall Vuex and create an initial storemutate state managed by Vuex via the mutations propertyread current state using this.$storeread derived state from a Vuex storeinstall Axios and access Http methods in a Vue app
-
create actions that can be used to get data from a remote serverdispatch an action that requests data from a remote serverdispatch an action to post data to a remote serverset up Vue state in a modular fashionuse namespaces to avoid unexpected behavior across storesinstall Vuex, create a root store file, initialize the store, and define a mutation, getter, and action
IN THIS COURSE
-
1.Course Overview1m 37sUP NEXT
-
2.Overview of State Management Using Vuex1m 53s
-
3.Creating a Vuex Store2m 19s
-
4.Mutating State5m 5s
-
5.Reading from Vuex State2m 26s
-
6.Working with Vuex Getters7m 37s
-
7.Installing Axios1m 51s
-
8.Configuring Actions4m 47s
-
9.Using Actions to Get Data4m 6s
-
10.Using Actions to Post Data3m 48s
-
11.Using Modules to Categorize State4m 29s
-
12.Using Namespaced Modules6m 13s
-
13.Exercise: State Management In Vue2m 57s
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform
Digital badges are yours to keep, forever.