diff --git a/guide/english/vue/event-handling/index.md b/guide/english/vue/event-handling/index.md new file mode 100644 index 0000000000..f168a120ea --- /dev/null +++ b/guide/english/vue/event-handling/index.md @@ -0,0 +1,25 @@ +--- +title: Event Handling +--- + +## Creating an Event +We can create an event using the directive `v-on`: + +```html +
+ +
+``` + +```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`.