console
new Vue({
el: '#app',
data: {
counter: 0,
x: 0,
y: 0
},
methods: {
increase: function(step, event) {
this.counter += step;
},
updateCoordinates: function(event) {
this.x = event.clientX;
this.y = event.clientY;
},
dummy: function(event) {
event.stopPropagation();
},
alertMe: function() {
alert('alert');
}
}
});
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id='app'>
<button v-on:click="increase(2, $event)">Click me</button>
<p>{{ counter }}</p>
<p v-on:mousemove="updateCoordinates">
Coordinates: {{ x }} / {{ y }}
- <span v-on:mousemove="dummy">DEAD SPOT</span>
- <span v-on:mousemove.stop="">DEAD SPOT2</span>
</p>
<input type=:"text" v-on:keyup.enter.space="alertMe"></input>
</div>