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);
}
}
数値をパラメータとして受け取り、その数値に対応する曜日を返すヘルパーメソッドを作成してください。
現在の曜日名を画面に表示する主要なメソッドを作成してください。