Vueでのヘルパーメソッド

他のメソッド内で使用されるヘルパーメソッドを作成することができます。 そのようなメソッドに対しても、thisを通じてアクセスする必要があります。 例を見てみましょう。次のメソッドがあるとします：

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

渡された文字列の最初の文字を大文字にするヘルパーメソッドを作成しましょう：

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

主要なメソッド内でヘルパーメソッドを使用しましょう：

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