#07 - Event Handling - Vue 3 (Options API) Tutorial
In this Vue 3 tutorial, we learn how to handle events in Vue and execute code when events trigger. We cover the binding directive, the event object and instance variable, modifiers and how to lock content beyond the initial component render.
We cover the following topics:
1. Event Handling with v-on
2. Event handling with methods
3. How to use multiple methods on an event
4. The v-on directive shorthand
5. The Javascript Event Object
6. The $event instance variable
7. Event Modifiers
8. Click modifiers
9. Key modifiers
10. The exact modifier
11 Locking content with v-once
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
https://www.koderhq.com/tutorial/vue/...
Check out the Vue 3 for Beginners playlist for more Vue tutorial videos
• Vue 3 for Beginners
Subscribe to the channel and never miss a lesson
/ @koderhq
Visit the website for a wide range of programming tutorials
https://www.koderhq.com