Metodi Helper in Vue

È possibile creare metodi helper, che verranno utilizzati all'interno di altri metodi. Anche a questi metodi è necessario accedere tramite this. Diamo un'occhiata a un esempio. Supponiamo di avere il seguente metodo:

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

Creiamo un metodo helper, che metterà in maiuscolo la prima lettera della stringa passata:

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

Utilizziamo il metodo helper all'interno del metodo principale:

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