v-on v-on is the attribute added to the DOM elements to listen to the events.
v-on v-on is the attribute added to the DOM elements to listen to the events.
Below the example
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<button class="btn-primary" v-on:click="clickevent">click me</button>
<h3>{{ content }}</h3>
</div>
<script>
new Vue ({
el: '#app',
data: {
content : '',
},
methods : {
clickevent : function() {
return this.content = "Hello World"
}
}
})
</script>
</body>
</html>
Output