6、getters--mapGetters

getters可以对state中的数据进行处理,类似于组件中的计算属性

一、设置getters

export default new Vuex.Store({
  state: {
    count:1
  },
  ...
  /* 类似计算属性,可以对state中的值进行处理 */
  getters:{
    myCount(state){
      return `当前的计数为:${state.count}`
    }
  }
})

二、获取getters中的数据

2-1 直接获取

<p>{{this.$store.getters.myCount}}</p>

2-2 mapGetters

<p>{{myCount}}</p>
<script>
import {mapGetters} from 'vuex'
export default {
  name: 'Home',
  computed:{
    ...mapGetters(["myCount"])
  }
}
</script>