작성
·
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 뷰엑스의 모듈이기 때문에 뷰엑스 내부적으로 연결이 되어 있어서 그렇습니다 :)