An interface only becomes an app when it responds to people. This module covers how Vue handles user input: listening to events with v-on (or its @ shorthand), putting the logic in methods, and collecting data with forms bound through v-model.
You will handle click and mouse events, send custom events from a child component up to its parent, build a form that updates your data as the user types, and put it all together in a small reaction-timer game.
Watch the lessons in order, then continue on to Components & Props.
Brad Traversy adds event handling to a Vue component, responding to user actions with v-on.
The Net Ninja covers mouse events, along with attribute binding and computed properties.
Sending a custom event from a child component up to its parent, used here to delete a task from the list.
The Net Ninja takes a closer look at forms and input fields: v-model for two-way binding, and keyboard events.
Building the add-task form and connecting its inputs to your data with v-model.
The Net Ninja builds a reaction-timer game from scratch, putting props, events, data, and methods to work together.