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을 통해서 바로 사용할 수있는 간편한 다.

반응형

'Front > Vue' 카테고리의 다른 글

태태개발일지 - Vue Computed API  (0) 2024.11.20
태태개발일지 - Vue js mapMutations  (0) 2024.11.17
태태개발일지 - vue  (1) 2024.11.13
태태개발일지 - VUE ES6  (1) 2024.11.11
태태개발일지 - vue js  (1) 2024.11.10