인프런 커뮤니티 질문&답변

이은혜님의 프로필 이미지

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

[실습] 공통 컴포넌트 구현(1) - 페이지별 데이터 분기

this.$store.dispatch() 관련

해결된 질문

21.03.04 11:23 작성

·

141

2

안녕하세요.

this.$store.dispatch 관련 직접 해보라고 하셨었는데,

아래 처럼 함수를 변수로 만들어서 적용하면 될까요??

제가 테스트했을 때에는 올바르게 작동이 되었지만

이렇게 작성하는 것이 맞는 지 확인 부탁드립니다!

const name = this.$route.name;
    const actionName = (name) => {
      this.$store.dispatch(name);
    }
    if ( name === 'news') {
      actionName('FETCH_NEWS');
    } 

답변 1

2

장기효(캡틴판교)님의 프로필 이미지

2021. 03. 08. 10:14

안녕하세요 은혜님, 네 변수로 감싸시지 마시고 컴포넌트에서 바로 this.$store.dispatch() 형식으로 호출하시면 더 좋을 것 같아요 :)