• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

질문입니다.

19.08.26 10:38 작성 조회수 109

5

저도 아래와 같은 질문이 있습니다. todoinput.vue 파일 내부에 아래처럼 구성된 경우에는 헬퍼함수를 어떻게 써야할지 궁금합니다. 함수안에 매서드 호출만 존재하는게아니라 if조건문이 들어있어서.. 이경우도 헬퍼 함수를 쓸수 있을 거 같은데.. 어찌 써야 할지 감이 안와서요~ 알려주시면 많은 도움이 될 거 같습니다. 

addTodoItem() {
if(this.newTodoItem !== '') {
this.$store.commit('addAppItem', this.newTodoItem);
this.clearTodoItem();
}else {
this.showModal = !this.showModal
}
}

답변 1

답변을 작성해보세요.

0

안녕하세요 8miles님 좋은 질문 주셨네요! 말씀하신 헬퍼 함수는 이 경우에 조금 적합하지 않을 수 있습니다. 제가 강좌에서 다룬 헬퍼 함수의 목적은 스토어의 코드를 그대로 컴포넌트 단에 연결하는 것입니다. 따라서, 헬퍼 함수를 연결한다고 했을 때 위의 `addTodoItem()`의 로직이 그대로 스토어로 가야하는데 이건 바람직하지 않은 모습일 것 같아요. 스토어에는 가급적 데이터 요청과 상태를 바꾸는 로직에 집중하시고 그 외 표현부와 관련된 로직은 컴포넌트 단에서 처리하시면 좋을 것 같습니다 :)