Apumenetelöt Vue:ssa
Voit tehdä apumenetelmiä,
jotka käytetään muiden
menetelmien sisällä.
Näihin menetelmiin on myös
viitattu this:n kautta.
Katsotaanpa esimerkkiä. Oletetaan, että meillä
on seuraava menetelmä:
show: function() {
alert(this.text);
}
Tehdään apumenetelmä, joka tekee ensimmäisestä kirjaimesta iso kirjain annetussa merkkijonossa:
cape: function(str) {
return str[0].toUpperCase() + str.slice(1);
}
Käytetään apumenetelmää päämenetelmän sisällä:
methods: {
show: function() {
let text = this.cape(this.text);
alert(text);
},
cape: function(str) {
return str[0].toUpperCase() + str.slice(1);
}
}
Tee apumenetelmä, joka parametrina vastaanottaa luvun ja palauttaa viikonpäivän, jota vastaa tämä luku.
Tee päämenetelmä, joka näyttää ruudulla nykyisen viikonpäivän nimen.