Add Event Handling guide for Vue.js (#24176)

This commit is contained in:
Tal Koren
2019-03-20 16:05:19 +02:00
committed by Randell Dawson
parent f94879daa9
commit ca29fb664e

View File

@ -0,0 +1,25 @@
---
title: Event Handling
---
## Creating an Event
We can create an event using the directive `v-on`:
```html
<div id="app">
<button v-on:click="buttonClicked">Click Me</button>
</div>
```
```javascript
var app = new Vue({
el: '#app',
methods: {
buttonClicked: function (event) {
alert("You clicked on a " + event.target.tagName + " element");
}
}
})
```
Note: A shorthand for any event handler is using the `@` symbol and the event name. For example `@click` is short for `v-on:click`.