From ca29fb664ef40fc543df3db590c9929344c8a9d1 Mon Sep 17 00:00:00 2001
From: Tal Koren <talkor@users.noreply.github.com>
Date: Wed, 20 Mar 2019 16:05:19 +0200
Subject: [PATCH] Add Event Handling guide for Vue.js (#24176)

---
 guide/english/vue/event-handling/index.md | 25 +++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 guide/english/vue/event-handling/index.md

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
+<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`.