Vue.js: Working with Vue State & Data

Vue.js 2.6    |    Beginner
  • 13 videos | 49m 9s
  • Includes Assessment
  • Earns a Badge
Rating 4.7 of 13 users Rating 4.7 of 13 users (13)
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 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

IN THIS COURSE

  • 1m 37s
  • 1m 53s
    After completing this video, you will be able to describe how Vuex helps manage state in a Vue app. FREE ACCESS
  • Locked
    3.  Creating a Vuex Store
    2m 19s
    In this video, you will learn how to install Vuex and create an initial store. FREE ACCESS
  • Locked
    4.  Mutating State
    5m 5s
    During this video, you will learn how to change state managed by Vuex via the mutations property. FREE ACCESS
  • Locked
    5.  Reading from Vuex State
    2m 26s
    In this video, learn how to read the current state using this.$store. FREE ACCESS
  • Locked
    6.  Working with Vuex Getters
    7m 37s
    In this video, you will learn how to read derived state from a Vuex store. FREE ACCESS
  • Locked
    7.  Installing Axios
    1m 51s
    In this video, you will learn how to install Axios and access HTTP methods in a Vue app. FREE ACCESS
  • Locked
    8.  Configuring Actions
    4m 47s
    During this video, you will learn how to create actions that can be used to retrieve data from a remote server. FREE ACCESS
  • Locked
    9.  Using Actions to Get Data
    4m 6s
    During this video, you will learn how to dispatch an action that requests data from a remote server. FREE ACCESS
  • Locked
    10.  Using Actions to Post Data
    3m 48s
    In this video, learn how to post data to a remote server using an action. FREE ACCESS
  • Locked
    11.  Using Modules to Categorize State
    4m 29s
    In this video, you will learn how to set up Vue state in a modular fashion. FREE ACCESS
  • Locked
    12.  Using Namespaced Modules
    6m 13s
    In this video, you will use namespaces to avoid unexpected behavior across different stores. FREE ACCESS
  • Locked
    13.  Exercise: State Management In Vue
    2m 57s
    In this video, you will install Vuex, create a root store file, initialize the store, and define a mutation, getter, and action. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Journey Next.js Aspire Journey
Course Connecting a Node.js and Express.js Backend with a PostgreSQL Database
Rating 5.0 of 2 users Rating 5.0 of 2 users (2)
Course Vue.js: Working With Forms & Unit Testing
Rating 4.3 of 15 users Rating 4.3 of 15 users (15)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Vue.js: Working With Forms & Unit Testing
Rating 4.3 of 15 users Rating 4.3 of 15 users (15)
Course AWS Professional Solutions Architect 2020: S3 Management
Rating 4.8 of 24 users Rating 4.8 of 24 users (24)
Course Microsoft Azure Administrator: Azure Policy Management
Rating 4.2 of 26 users Rating 4.2 of 26 users (26)