Vue.js: Working with Components

Vue.js 2.6    |    Beginner
  • 11 Videos | 57m 57s
  • Includes Assessment
  • Earns a Badge
Likes 36 Likes 36
Explore more facets of Vue.jsm, a Javascript front-end framework that is lightweight, flexible, progressive, and easy to set up, to quickly start creating apps in this 11-video course. You will review how to install Vue, set up a Vue environment for development, and how Vue handles common front-end necessities such as styling, routing, and state management. This course demonstrates how to create components in Vue which have reusable elements that encapsulate a functionality, and in it you will learn to use single-file components. You will explore parent-child components and how to transfer data between them. You will learn to use Vue slots to create reusable components that can define their own templates, and how to use slots to pass in dynamic content to components. Learners will examine how computed properties in Vue help to keep templates free from bloated expressions and overly complex logic, and optimize performance in the app. Finally, you will learn how Vue instances fire several lifecycle hooks and notable points.

WHAT YOU WILL LEARN

  • describe the differences between global and local components in Vue
    create new single file components for use in Vue apps
    structure Vue apps to make use of parent and child components
    use props to pass data from parent to child components
    validate any props passed from parent to child components
  • emit events that can pass data from child to parent components
    pass in dynamic content to components via slots
    use computed properties to provide data in a Vue app
    tap into the various lifecycle events of a component via hooks
    pass props and emit events to communicate between components

IN THIS COURSE

  • Playable
    1. 
    Course Overview
    1m 38s
    UP NEXT
  • Playable
    2. 
    Overview of Components in Vue
    8m 17s
  • Locked
    3. 
    Creating a Single File Component
    4m 54s
  • Locked
    4. 
    Working with Child Components
    3m 45s
  • Locked
    5. 
    Passing Data to Child Components
    4m 3s
  • Locked
    6. 
    Validating Props Passed to Child Components
    5m 14s
  • Locked
    7. 
    Passing Data to Parent Components
    7m 52s
  • Locked
    8. 
    Using Slots to Pass Content
    5m 31s
  • Locked
    9. 
    Using Computed Properties
    4m 33s
  • Locked
    10. 
    Using Component Lifecycle Hooks
    4m 45s
  • Locked
    11. 
    Exercise: Using Component Communication in Vue
    2m 55s

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.

YOU MIGHT ALSO LIKE

Likes 1 Likes 1  
Likes 13 Likes 13  
Likes 33 Likes 33  

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

COURSE SOLID & GRASP
Likes 3218 Likes 3218  
Likes 87 Likes 87  
Likes 33 Likes 33