Front/Vue

태태개발일지- mapstate

태태코 2024. 11. 16. 16:42
반응형

Mapstate


Vuex에서 사용하는 state, getter, action, mutation
을 쉽게사용하기 위해 helper가 제공하는 기능중 하나를 소개하겠다.

기본적으로 state는
state: arr[]

return this.$store.state.name
이런식으로 길게 작성해야한다.

import {mapState} from 'vuex'

computed:{
  ...mapState(['state이름', 'state이름2'])
}


이렇게 하면 위에서
This.stateName을 통해서 바로 사용할 수있는 간편한 다.

반응형
댓글수1