一、使用mapState生成计算属性

从vuex身上引入mapState : import {mapState} from 'vuex'

mapState用于帮助我们映射state中的数据为计算属性.
自己手写计算属性

使用mapState生成计算属性

二、mapState的数组写法

三、mapGetters的用法

四、mapMutations方法

借助mapMutations生成对应的方法, 方法中会调用commit方法取联系mutations

methods: {
  // 使用mapMutaions
  ...mapMutations({add: "ADDCOUNT"}),
  // 手动调用
  add() {
    this.$store.commit("ADDCOUNT", this.num)
  }
}

这里使用mapMutations没有给mutations传参, 需要在使用方法的时候传递参数