javascript / beginner
Snippet
Ereignisverarbeitung
Vue ermöglicht es, auf DOM-Ereignisse mit der v-on-Direktive (Kurzform @) zu hören. Sie können JavaScript-Funktionen direkt auslösen, wenn ein Ereignis eintritt, z. B. ein Mausklick.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
<script setup>function sayHello(name) {alert('Hello ' + name);}</script><template><button @click="sayHello('Vue')">Click Me</button></template>
vue
Erklärung
1
function sayHello(name) { ... }
Eine Standard-JavaScript-Funktion, die im script-setup-Block definiert ist.
2
@click="sayHello('Vue')"
Fügt dem Button einen Klick-Event-Listener hinzu, der die Funktion mit einem Argument aufruft.