getter用于对store中的数据进行加工处理，形成新的数据
getter可以对store中已有的数据进行加工处理之后形成的新的数据，类似于Vue的计算属性。
store中数据发生变化，getter的数据也会跟着发生改变

1.使用getters第一种方式

1.首先在store中定义一个getters,这个getters类似于计算属性

 getters:{
     showNum(state){
       return `当前最新的数量是:${state.count++}`
     }
  },

2.在组件中使用这个getters中的属性

<template>
 <div>
<h2>{{$store.getters.showNum}}</h2>
 </div>
</template>

2.使用getters的第二种方式

1.在store的getters中写一个方法，类似计算属性，对state中的数据进行二次处理

getters:{
     showNum1(state){
      return `当前最新的数量是:[${state.count--}]`
    },
  },

2.在组件中，先引入getters的映射函数mapGetters,调用mapGetters来进行映射出getters中定义的方法，然后将映射的数据可以直接利用模板字符串在当前组件页面中使用

import {mapGetters} from "vuex"

 computed: {
     ...mapGetters(['showNum1'])
 },

使用：

<template>
 <div>
<h2>{{showNum1}}</h2>
 </div>
</template>