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ä:

App.vueshow: function() {
  alert(this.text);
}

Tehdään apumenetelmä, joka tekee ensimmäisestä kirjaimesta iso kirjain annetussa merkkijonossa:

App.vuecape: function(str) {
  return str[0].toUpperCase() + str.slice(1);
}

Käytetään apumenetelmää päämenetelmän sisällä:

App.vuemethods: {
  show: function() {
    let text = this.cape(this.text);
    alert(text);
  },
  cape: function(str) {
    return str[0].toUpperCase() + str.slice(1);
  }
}