screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <h3>Vue Js Display Mouse Position on the Screen</h3> <div id="app"> <p>Mouse position: {{ mouseX }}, {{ mouseY }}</p> </div> <script type="module"> const app = Vue.createApp({ data() { return { mouseX: 0, mouseY: 0 } }, mounted() { document.addEventListener("mousemove", (event) => { this.mouseX = event.clientX; this.mouseY = event.clientY; }); }, }); app.mount('#app'); </script> </body> </html>