How To Handle Events In Vue.js?

1.	How To Handle Events In Vue.js?
Answer» HTML:- <div id="app"> Name: <input type="text" v-model="name"> <button v-on:click="myClickHandler">Say Hello button> div> JS:- var myViewModel = new VUE({ el: '#app', data: my Model, // A click handler INSIDE METHODS methods: { ClickHandler: function(E) { alert("Hello " + this.name); } } }); HTML:- <div id="app"> Name: <input type="text" v-model="name"> <button v-on:click="myClickHandler">Say Hello button> div> JS:- var myViewModel = new Vue({ el: '#app', data: my Model, // A click handler inside methods methods: { ClickHandler: function(e) { alert("Hello " + this.name); } } });

Answer»

HTML:-

Name: <input type="text" v-model="name">

<button v-on:click="myClickHandler">Say Hello button>

div>

JS:-

var myViewModel = new VUE({

el: '#app',

data: my Model,

// A click handler INSIDE METHODS

methods: {

ClickHandler: function(E) {

alert("Hello " + this.name);

}

});

HTML:-

Name: <input type="text" v-model="name">

<button v-on:click="myClickHandler">Say Hello button>

div>

JS:-

var myViewModel = new Vue({

el: '#app',

data: my Model,

// A click handler inside methods

methods: {

ClickHandler: function(e) {

alert("Hello " + this.name);

}

});

Discussion