vuex提供了輔助函式處理龐大的vuex資料，mapState，mapGetters，mapMutations，mapActions，實際就是把state、getters、mutations、actions整合成一個數組，一次性返回

注：mapState，mapGetters返回的是屬性，所以混入到 computed 中，mapMutations，mapActions返回的是方法，只能混入到methods中

<template>
  <div v-if="user.userName">
    <span>歡迎您：{{user.userName}}</span>
  </div>
</template>

<script>
import {mapState,mapGetters,mapMutations,mapActions} from 'vuex'
export default {
  name: 'App',
  mounted(){
    console.log(mapGetters(['user']).user.call(this))
  },
  computed:{
    ...mapGetters(['user','c']),   //mapGetters(['user'])返回this.$store.getters.user物件，相當於以下程式碼
    // user(){
    //   return this.$store.getters.user
    // }
  }
}
</script>