inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

스토어 속성 모듈화

모듈화 질문입니다

322

jjkim0222

작성한 질문수 25

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 안 해도 되는 건가요?

모듈 vuejs javascript

답변 1

1

캡틴판교

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

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

145

1

깃허브 권한 요청 드립니다

0

162

1

깃허브 권한 요청 드립니다

0

168

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

209

1

ide 타입추론 기능 사용할 수 없을까요??

0

207

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

229

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

507

1

vue3 에러 메세지...

1

672

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

320

2

깃허브 권한 요청드립니다.

1

359

2

권한요청드립니다.

1

300

2

Vue3에서 구글 애드센스 탑재하기

1

437

2

코드가 정상 작동 되는건지 ...

1

303

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

244

1

vuex 적용시 질문

1

288

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

385

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

455

2

권한요청 드립니다!

1

275

2