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);
}
}
숫자를 매개변수로 받고, 그 숫자에 해당하는 요일을 반환하는 헬퍼 메서드를 만드세요.
현재 요일의 이름을 화면에 출력하는 주요 메서드를 만드세요.