🚧 PLEASE NOTE: An updated version of this course is available! see the Vue.js 3 Components Fundamentals With the Options API course. This course is outdated!

About the Vue.js 2 Components Fundamentals course

Learn everything you need to know to get started with Vue.js 2 components. Web components are custom developer defined HTML elements, like <p>,<body>, or <button>, that allows us to encapsulate some functionality of our applications.

Components are the puzzle pieces of a Vue.js website. Components combine blocks of HTML, JavaScript, and CSS. And as a result, they allow us to easily encapsulate and reuse functionality in our applications.

You Will Learn

After this course, you'll be familiar with:

  • The idea behind components and how Vue.js components work
  • Component's template, and multiple ways to define your template
  • Communication between components with props and custom events
  • What is the true difference between global and local component registration
  • The lifecycle hooks of a component
  • Component composition with nested components and slots
  • Component's best practices and common pitfalls

Exercises

We've also prepared exercises for the course, so you can practice what you learn.

Vue.js Component Exercises:

  • Build a GitHub user profile component
  • Create a Notification Message component

You need a basic understanding of Vue.js 2 to enjoy this course. We recommend watching Vue.js Fundamentals if you're not already familiar with Vue.js

1

Component Basics

6 lessons·24 min
2

Components In-depth

3 lessons·17 min
3

Vue.js Component Exercises

2 lessons·12 min

What you will learn in the Vue.js 2 Components Fundamentals course

Learn Vue.js Components
Component Communication with Props and Custom Events
Global vs Local Component Registration
Component Lifecycle Hooks
Component Composition

Share this course

Request a course

Who's behind the course

Alex Kyriakidis - Teacher
Alex is an educator and consultant, core member of the Vue.js team and author of the first best-selling books on Vue.js.
Rolf Haug - Contributor / Reviewer
Rolf has been in development industry for 16 years. Long-time entrepreneur and consultant currently working on educational content and workshops.