vue——vuex中的辅助函数

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>