devjin0617 / vue2-admin-lte

:bar_chart: adminLTE to vuejs v2.x converting project
https://devjin0617.github.io/vue2-admin-lte
MIT License
1.07k stars 323 forks source link

Vuex, API 추가 #13

Open ChangJoo-Park opened 7 years ago

devjin0617 commented 7 years ago

덜덜덜 집이신가요?

ChangJoo-Park commented 7 years ago

네 ㅋㅋ

ChangJoo-Park commented 7 years ago

vuex랑 api 요청, 테스트를 위한 axios, axios-mock 추가했어요

ChangJoo-Park commented 7 years ago

lib에 있던 store 제거하고 vuex 만들어놨어요

devjin0617 commented 7 years ago

허얼.. 장난 아니네요

ChangJoo-Park commented 7 years ago

할게많네요 이제부터 ㅋㅋ

devjin0617 commented 7 years ago

네.. 엄청 많아요 덜덜. 잠시 멘탈 흔들렸네요 ㅋㅋㅋㅋ

jinseongho commented 7 years ago

화이팅

ChangJoo-Park commented 7 years ago

같이하시는건가요

ChangJoo-Park commented 7 years ago

https://github.com/devjin0617/vue2-admin-lte/commit/1834a17ab14e34d9e78c0b7fcc2abdbc5dd5e4e2

범용으로 만드는거라 어디까지할지 딱히 생각이 없어서 vuex를 사용하는 시나리오 추가했습니다 (mock-server용 json-server가 npm run dev실행시 함께 시작합니다

API 테스트용 페이지를 추가했습니다 들어가셔서 확인하시면 되요

페이지 진입 -> vuex에 fetch action 실행 -> productService를 통해 API 요청 -> 결과를 mutation을 이용해 state에 추가 -> 페이지에서 computed로 vuex의 getters를 통해 자동으로 바인딩됨

이렇습니다..

ChangJoo-Park commented 7 years ago

FakeProduct 클래스는 faker를 이용해서 대충 만들었어요 mock-server 디렉터리 보시면 됩니다

devjin0617 commented 7 years ago

헐... 초고수..... 머리가 딸려서 이해불가네요 덜덜덜덜

ChangJoo-Park commented 7 years ago

product service에 getAll이라 했을거에요 fetchProducts로 해야하는게 맞는거같은데 전 잘 모르니까 그냥 냅둘게요 나중에 얘기해보고 바꾸죠 뭐