Projekt: Lotto -- Methoden aufrufen

Übersicht



Die Methode dice ist definiert, wie aber soll sie nun aufgerufen werden?

Daten ändern mit Methode

Der Aufruf kann auf unterschiedliche Art & Weise geschehen:

  • beim Laden der Seite/Komponente
  • über ein Ereignis (Button, Link, Tastatur, ...)
  • über eine Aufruf aus einer anderen Methode heraus.

Hier das erweiterte Template von lotto.vue:

<template>
  <div class="lotto">
    <h1>{{ headline }}</h1>
    <h2>{{ msg }}</h2>

    <button v-on:click="dice()">Würfeln ...</button>

    <pre>
{{ headline }}
{{ anzahl }}
{{ min }}
{{ max }}
{{ ziehung }}
    </pre>
  </div>
</template>

Mit v-on wird in Vue ein Ereignis ausgelöst, in diesem Fall ein Klick. Dafür gibt es auch eine Abkürzung, die Zeile würde dann wie folgt aussehen:

<button @:click="dice()">Würfeln ...</button>