lotto4
Projekt: Lotto -- Methoden aufrufen
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>