O'Reilly logo

The Majesty of Vue.js by Kostas Maniatis, Alex Kyriakidis

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 5. Interactivity

In this chapter, we are going to create and expand previous examples, learn new things concerning methods, event handling, and computed properties. We will develop a few examples using different approaches. It's time to see how we can implement Vue's interactivity to get a small app, like a Calculator, running nice and easy.

Event handling

HTML events are things that happen to HTML elements. When Vue.js is used in HTML pages, it can react to these events.

In HTML, events can represent everything from basic user interactions to things happening in the rendering model.

These are some examples of HTML events:

  • A web page has finished loading
  • An input field was changed
  • A button was clicked
  • A form was submitted

The point of event handling ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required