<div class="area" id="app" v-on:mousemove="updateCoordinates">
<div>x: {{xPos}}</div>
<div>y: {{yPos}}</div>
</div>.area{
background: lightblue;
height: 300px;
}let app=new Vue({
el: "#app",
data: {
xPos: 0,
yPos: 0
},
methods:{
updateCoordinates(event){
this.xPos = event.clientX;
this.yPos = event.clientY;
}
}
})
External CSS
This Pen doesn't use any external CSS resources.