Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Vue Component Fundamentals with the Composition API

Build an Alert Vue Component

This lesson is also a component exercise lesson, where we're going to use everything we've learned about Vue components so far.

In this component exercise, we're going to build a fun and useful alert component.

Your goal is to create a component that will be passed some content (the message) and the type of notification (info, error, success, warning). The user should also be able to close the notification and it should emit a closed event.

Good luck and have fun!