Vue TutorialLesson 8Free preview

Vue Events

This lesson is part of Vue · All levels

Summary

This lesson discusses how to handle events in Vue, such as clicking, input, and submit forms. Vue provides declarative syntax to register listener so you don't have to add event listener manually. The event handler can write logic directly into the template or call a method defined within the component.

Key points

Vue allows the listener to write events directly into the template.
Common events include clicks, inputs, submits, mousemoves, and keyups.
The handler can be either inline logic or method designation.
Events can be written to reactive data so that the view is updated.
The listener of events on the component triggers a custom event that is heard with the symbol @.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.