Vue.js: Working with Components
Vue.js 2.6
| Beginner
- 11 Videos | 53m 27s
- Includes Assessment
- Earns a Badge
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
-
1.Course Overview1m 38sUP NEXT
-
2.Overview of Components in Vue8m 17s
-
3.Creating a Single File Component4m 54s
-
4.Working with Child Components3m 45s
-
5.Passing Data to Child Components4m 3s
-
6.Validating Props Passed to Child Components5m 14s
-
7.Passing Data to Parent Components7m 52s
-
8.Using Slots to Pass Content5m 31s
-
9.Using Computed Properties4m 33s
-
10.Using Component Lifecycle Hooks4m 45s
-
11.Exercise: Using Component Communication in Vue2m 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.
