수업은 너무 잘보고 있습니다.
프로젝트를 진행중에
막히는 부분이 있어 질문드립니다.
vuex 를 사용해서 데이터를 불러 오는 방법을 하고 있는데요
< store.js >
mutations: {
setProductList(state, payload) {
state.productList = payload;
},
},
actions: {
async getProductList({ commit }) {
let response = null;
try {
response = await axios.get("http://localhost:5000/category/all");
} catch (err) {
console.log(err);
}
commit("setProductList", response.data);
},
},
<app.vue>
created() {
this.$store.dispatch("getProductList");
},
불러와서
{{ $store.state .productList }}
이렇게 호출하면 데이터가 잘 드러옵니다.
다만 이후에
이걸가지고 필터를 사용해서 검색기능을 구현하려고 하고 있어
app.vue 파일 에 data 안에 다시 담아서 필터를 걸려고 생각했습니다.
그런데 문제는
data에 담으려고 코드를
created() {
this.productList = this.$store.dispatch("getProductList");
console.log(this.productList);
},
이렇게 담아서 콜솔로 찍어봤더니
Promise {<pending>}
[[Prototype]]: Promise
[[PromiseState]]: "fulfilled"
[[PromiseResult]]: undefined
콘솔에 이렇게 찍히면서 데이터가 안보이는데
store 스테이트에서 호출한 데이터를 vue 파일 데이터에 다시 담으려면 어떻게 해야하나요?
