반응형
<template>
<div id="root">
<p>{{ originalPrice }}}</p>
<p>{{ doublePrice }}}</p>
<p>{{ triplePrice }}}</p>
<p>{{ forPrice }}}</p>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
export default {
computed:{
...mapGetters(['originalPrice', 'doublePrice', 'triplePrice', 'forPrice'])
// originalPrice(){
// return this.$store.getters.originalPrice
// },
// doublePrice() {
// return this.$store.getters.doublePrice
// },
// triplePrice() {
// return this.$store.getters.triplePrice
// },
// forPrice() {
// return this.$store.getters.forPrice
// },
}
};
</script>
<style lang="scss" scoped>
</style>
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
48. 프로젝트 구조화와 모듈화 방법 1, 2 (0) | 2022.08.02 |
---|---|
47. <vue-todo> vuex로 리팩토링 (0) | 2022.08.02 |
45. mapState, mapGetters, mapMutations, mapActions | 헬퍼의 유연한 문법 (0) | 2022.08.02 |
44. Helper (각 속성들을 더 쉽게 사용하는 방법) (0) | 2022.08.02 |
43. vuex 기술 요소 (state, getters, mutations, actions) (0) | 2022.08.02 |