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);
  }
}