[vue.js] mapGetters 관한 꿀팁

Vuex를 사용하다보면, 내가 사용하는 쪽에서 Vuex 상태관리 내용을 보고 싶을 때, 크롬 Vuex extenstion을 설치해서 확인하는데,

이 익스텐션에서 아래와 같이 Load State를 눌러가면서 확인해야하는 번거로움이 있다.

이럴때 사용하고자하는 페이지에 mapGetters를 사용하지 않아도 아래와 같이 선언을 해주면, 

import { mapGetters } from 'vuex';

export default {
 computed:{
    ...mapGetters(['사용하고자하는 store이름'])
  },
  
 ...
 }

아래와 같이 vuex bindings 라는 상태창에서 실시간으로 확인할 수 있다.

굳이 vuex 탭가서 확인할 필요가 없다.