javascript / beginner
Snippet
Event-Handling mit Methoden
Sie können auf DOM-Events mit dem @-Symbol (Kurzform für v-on) hören. Wenn das Event eintritt, können Sie eine in Ihrem Script definierte Funktion auslösen. Dies ermöglicht es Ihnen, auf Benutzerinteraktionen wie Mausbewegungen oder Klicks zu reagieren.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
<template><div @mouseover="updateStatus">Hover over me!</div></template><script setup>function updateStatus() {console.log('User is hovering!');}</script>
vue
Erklärung
1
@mouseover="updateStatus"
Hört auf das mouseover-Event am div-Element.
2
function updateStatus() { ... }
Die Logik, die ausgeführt wird, wenn der Benutzer die Maus über das div bewegt.