getters 配置项

1. 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工，相当于全局计算属性computed
2. 在store.js中追加getters配置

....
//此时的state相当于data
const state = {
   
   sum: 0, //当前的和
},

const getters = {
   
   bigSum(state) {
   
      return state.sum * 10
   }
}

export default new Vuex.Store({
   
   ....
   state,
   getters,
})

3. 组件中读取数据：$store.getters.bigSum
4. 完整示例：
（1）src/store/index.js

//引入Vue核心库
import Vue from 'vue'
//引入Vuex
import Vuex from 'vuex'

//应用Vuex插件
Vue.use(Vuex)

//准备actions对象 ==> 响应组件中用户的动作
const actions = {
   
   addOdd(context,value) {
   
      if(context.state.