vue.js/vue.js 2

46. 헬퍼 함수가 주는 간편함

DEV-Front 2022. 8. 2. 20:44
반응형
<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>
반응형