Vue Components Basics

https://vuejs.org/v2/guide/components.html

https://vueschool.io/courses/vuejs-components-fundamentals

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.

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

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 to enjoy this course. We recommend watching Vue.js Fundamentals if you're not already familiar with Vue.js

 

作者:Chuck Lu    GitHub