Vue Vuex 4.0（Day44）

getter配置项

1. 适用条件：

   • state中的数据需要经过处理后再使用时
   • 数据有复用需求
   • 数据处理逻辑较为复杂

2. 使用：

   1. 在index.js文件中补充配置getters并暴露

      const getters={
          bigSum(state){
              return state.sum*10
          }
      }
      ​
      // 创建并暴露（导出）store
      export default new Vuex.Store({
          actions,
          mutations,
          state,
          getters
      })
      

   2. 在组件中读取数据

      <h3>当前求和运算后为：{{ $store.getters.bigSum }}</h3>