본문 바로가기
Programming/Javascript

Vuex 사용

by Wilkyway 2022. 5. 24.

state : data

getters : computed

mutations : methods

actions : methods(비동기)

Vuex action에서의 활용

context.state

context.getters

context.commit (mutation의 함수 사용시)

context.dispatch (action의 함수 사용시)

Vue 컴포넌트에서 Vuex Helper 사용

...mapState('모듈',[

   '상태1','상태2'

])   ===> computed에서 사용

...mapGetters('모듈',[

   '상태1','상태2'

])  ===> computed에서 사용

...mapMutations('모듈',[

   '상태1','상태2'

])  ===> methods에서 사용

...mapActions('모듈',[

   '상태1','상태2'

])  ===> methods에서 사용

 

반응형

댓글0