Βοηθητικές μέθοδοι στο Vue
Μπορούμε να δημιουργούμε βοηθητικές μεθόδους,
που θα χρησιμοποιούνται μέσα σε
άλλες μεθόδους. Σε αυτές τις μεθόδους
πρέπει επίσης να αναφερόμαστε μέσω this.
Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε
την ακόλουθη μέθοδο:
show: function() {
alert(this.text);
}
Ας δημιουργήσουμε μια βοηθητική μέθοδο, που θα κάνει κεφαλαίο το πρώτο γράμμα της συμβολοσειράς που μεταβιβάζεται:
cape: function(str) {
return str[0].toUpperCase() + str.slice(1);
}
Ας χρησιμοποιήσουμε τη βοηθητική μέθοδο μέσα στην κύρια μέθοδο:
methods: {
show: function() {
let text = this.cape(this.text);
alert(text);
},
cape: function(str) {
return str[0].toUpperCase() + str.slice(1);
}
}
Δημιουργήστε μια βοηθητική μέθοδο, που θα λαμβάνει ως παράμετρο έναν αριθμό, και θα επιστρέφει την ημέρα της εβδομάδας, που αντιστοιχεί σε αυτόν τον αριθμό.
Δημιουργήστε μια κύρια μέθοδο, που θα εμφανίζει στην οθόνη το όνομα της τρέχουσας ημέρας της εβδομάδας.