#16 - Component Events - Vue 3 (Options API) Tutorial

In this Vue 3 tutorial, we learn how to handle events and send data from one component to another up the tree. We cover how to define and emit events, listen for emitted events, send data and validation.

We cover the following topics:
1. What are component events
2. How to define an event to be sent
3. How to send (emit) an event
4. How to listen for emitted events
5. How to send data with an event
6. How to validate an emitted event
7. Custom components and v-model

_Note that this tutorial is for the Vue 3 Options API (which is similar to Vue 2). We later move on to the Composition API and then the Script Setup (3.2 update)_

This lesson is also available in written format

Check out the Vue 3 for Beginners playlist for more Vue tutorial videos

Subscribe to the channel and never miss a lesson

Visit the website for a wide range of programming tutorials

[verstkalive]

you have something problems
with the site please check