javascript / beginner
Snippet
Auswertung des Notenstatus mittels bedingter Verzweigung in Vue
Kontrollstrukturen wie if, else if und else ermöglichen die Ausführung unterschiedlicher Codeblöcke anhand numerischer Bedingungen. In Vue können berechnete Eigenschaften Verzweigungen nutzen, um dynamisch beschreibende Texte aus reaktiven Zahlenwerten abzuleiten.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { ref, computed } from 'vue';export default {setup() {const score = ref(85);const gradeLabel = computed(() => {if (score.value >= 90) {return 'Excellent';} else if (score.value >= 75) {return 'Good';} else {return 'Needs Improvement';}});return { score, gradeLabel };}};
vue
Erklärung
1
const score = ref(85);
Deklariert eine reaktive Referenz mit einem Zahlenwert für die Punktzahl.
2
if (score.value >= 90) {
Prüft, ob der Zahlenwert größer oder gleich 90 ist.
3
} else if (score.value >= 75) {
Überprüft den zweiten Schwellenwert, falls die erste Bedingung nicht zutrifft.
4
} else {
Führt den Standard-Zweig aus, falls keine der vorherigen Bedingungen erfüllt ist.