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

jjkim0222님의 프로필 이미지
jjkim0222

작성한 질문수

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

스토어 속성 모듈화

모듈화 질문입니다

작성

·

261

1

import { fetchNewsList, fetchJobsList, fetchAskList } from "@/api";

export default {
  FETCH_NEWS(context) {
    fetchNewsList()
      // commit()하는 순간 코드 제어권 mutations SET_NEWS로 이동
      .then((response) => context.commit("SET_NEWS", response.data))
      .catch();
  },

  // ES6 Destructuring
  // context.commit
  FETCH_JOBS({ commit }) {
    fetchJobsList()
      .then(({ data }) => commit("SET_JOBS", data))
      .catch();
  },

  FETCH_ASK({ commit }) {
    fetchAskList()
      .then(({ data }) => commit("SET_ASK", data))
      .catch();
  },
};

여기서 왜 fetchNewsList, fetchJobsList는 import해와야되고 SET_NEWS, SET_JOBS 는 import 안 해도 되는 건가요?

답변 1

1

안녕하세요, 네 fewchXXX는 모두 외부 파일에 선언된 API 함수이고, SET_XXX 뷰엑스의 모듈이기 때문에 뷰엑스 내부적으로 연결이 되어 있어서 그렇습니다 :)

jjkim0222님의 프로필 이미지
jjkim0222

작성한 질문수

질문하기