Seonglae ChoRole
[Vue-18]vuex에서 helper를 사용하기(mapState, mapMutations, mapActions, mapGetters)
vue에서 vuex를 붙혀서 사용하는 방법은 여러분들도 이제 알았다. 조금 더 깔끔하게 사용하는 방식이 있는데 바로 핼퍼를 사용하는 것이다. 결합도를 조금 더 낮추는 효과가 있으며 전역을 사용하는 vuex를 좀 더 컴포넌트적인 관점으로 보게해준다. 그리고 마크업 관점에서 코드가 길어지는걸 대비할 수 있다. 이를 이용하는게 바로 helper들이고 vuex map함수라고 부르는 경우도 있다.
![[Vue-18]vuex에서 helper를 사용하기(mapState, mapMutations, mapActions, mapGetters)](https://t1.daumcdn.net/tistory_admin/static/top/favicon_0630.ico)
https://kamang-it.tistory.com/entry/Vue18vuex%EC%97%90%EC%84%9C-helper%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0mapState-mapMutations-mapActions-mapGetters
![[Vue-18]vuex에서 helper를 사용하기(mapState, mapMutations, mapActions, mapGetters)](https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png)
Why exist
Front-end Architecture with Atomic Design
The smallest indivisible particle of matter. Today, we all know that it's not like that, but we'll get there. Atoms is like our inputs, buttons, labels etc. And on their own are almost useless. Group of Atoms. Following the previous example, joining our inputs (e-mail and password),labels ("e-mail" and "password") and button, we build a molecule-form.
https://medium.com/atomic-design/front-end-architecture-with-atomic-design-516e1971b4f5
