[Vuex] Vuex getters란? getters 이해하고 사용하기

getters란? state 값을 접근하는 속성이자, 뷰의 computed()처럼 미리 연산된 값을 접근하는 속성 

 

//store.js
state: {
	num: 10,
},
getters: {
    dobuleNumber(state) {
    	return state.num *2;
    }
}

{{ this.$store.getters.doubleNumber }}

state: {
	message: 'hello vue.js!'
}
{{ this.$store.state.message }} 



// this.$store.state.message 까지 하면 코드가 많아질수록 번거로울 수 있다.
// 헬퍼함수를 쓰게되면 getters로 this.getMeesage 처럼 쉽게 접근 가능하다.