Hilfsmethoden in Vue
Man kann Hilfsmethoden erstellen,
die innerhalb anderer Methoden
verwendet werden. Auf solche Methoden
muss ebenfalls über this zugegriffen werden.
Schauen wir uns ein Beispiel an. Nehmen wir an, wir
haben folgende Methode:
show: function() {
alert(this.text);
}
Erstellen wir eine Hilfsmethode, die den ersten Buchstaben eines übergebenen Strings großschreibt:
cape: function(str) {
return str[0].toUpperCase() + str.slice(1);
}
Verwenden wir die Hilfsmethode innerhalb der Hauptmethode:
methods: {
show: function() {
let text = this.cape(this.text);
alert(text);
},
cape: function(str) {
return str[0].toUpperCase() + str.slice(1);
}
}
Erstellen Sie eine Hilfsmethode, die als Parameter eine Zahl erhält und den Wochentag zurückgibt, der dieser Zahl entspricht.
Erstellen Sie eine Hauptmethode, die den Namen des aktuellen Wochentags auf dem Bildschirm anzeigt.
