JSFiddle - React, Tailwind, and code Playground

by Megi93

HTML

<div id="app">
    <button v-on:click="increase">Click me</button>
    <p>{{ counter }}</p>
	<p v-on:mousemove="updateCoordinates">Coordinates: {{ x }} / {{ y }}</p>
</div>

JavaScript

new Vue({
    el: '#app',
    data: {
        counter: 0,
		x: 0,
		y: 0
    },
    methods: {
        increase: function() {
            this.counter++;
        },
		updateCoordinates: function(event) {
			this.x = event.clientX;
			this.y = event.clientY;
		}
    }
})