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>
반응형