Example p307

To attach an event handler to an element, add v-on:event or @event attribute to the element. The attribute value can take either a JavaScript statement, or the name of a method to call when the event happens.

In addition, this example demonstrates how to define a method in the options object. It also uses JavaScript timers.

Try the following

• The first two buttons run a JavaScript statement when clicked.
• Reference: events
• The third button registers an event handler for click. We usually use a method as event handler, because methods can access the data properties of the component.
• Inspect the data properties and the methods of the component instance vm. This object has one data property vm.count and two methods. vm.reset() and vm.countUp(n).
• Add a button, which, when clicked, shows an alert. Hint: alert('button clicked')
• Both event handlers and timers involve asynchronous execution of functions.