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
    FREE ACCESS
  • Locked
    4. 
    Working with Child Components
    3m 45s
    FREE ACCESS
  • Locked
    5. 
    Passing Data to Child Components
    4m 3s
    FREE ACCESS
  • Locked
    6. 
    Validating Props Passed to Child Components
    5m 14s
    FREE ACCESS
  • Locked
    7. 
    Passing Data to Parent Components
    7m 52s
    FREE ACCESS
  • Locked
    8. 
    Using Slots to Pass Content
    5m 31s
    FREE ACCESS
  • Locked
    9. 
    Using Computed Properties
    4m 33s
    FREE ACCESS
  • Locked
    10. 
    Using Component Lifecycle Hooks
    4m 45s
    FREE ACCESS
  • Locked
    11. 
    Exercise: Using Component Communication in Vue
    2m 55s
    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 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

COURSE Angular 11: Getting Started with Angular
Likes 1 Likes 1  
COURSE Build Apps Using React: Working with Events
Likes 13 Likes 13  
COURSE FSD Front-end Development: Testing Tools
Likes 33 Likes 33  

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

COURSE SOLID & GRASP
Likes 3218 Likes 3218  
COURSE Go Language Basics
Likes 87 Likes 87  
COURSE Vue.js: Working with Vue State & Data
Likes 33 Likes 33