4个map方法

1. mapState方法：用于帮助我们映射state中的数据为计算属性

import {mapState} from 'vuex';

export default {
  //...
  computed: {
    //借助mapState生成计算属性：（对象写法）
    ...mapState({sum: 'sum', school: 'school'}),
    //借助mapState生成计算属性：（数组写法）
    ...mapState(['sum', 'school'])
  }
  //...
}

2. mapGetters方法：用于帮助我们映射getters中的数据为计算属性

import {mapGetters} from 'vuex';
export default {
  //...
  computed: {
      //借助mapGetters生成计算属性：bigSum（对象写法）
    ...mapGetters({bigSum: 'bigSum'})
    //借助mapGetters生成计算属性：bigSum（数组写法）
    ...mapGetters(['bigSum'])
  }
  //...
}

3. mapActions方法: 用于帮助我们生成与actions对话的方法，即$store.dispatch(xxx)的函数

import {mapActions} from 'vuex';
export default {
  //...
  methods: {
    //靠mapActions生成incrementOdd、incrementWait(对象形式)
    ...mapActions({incrementOdd: 'jiaOdd',incrementWait: 'jiaWait'})
    //靠mapActions生成：incrementOdd、incrementWait（数组形式）
    ...mapActions(['jiaOdd', 'jiaWait'])
  }
  //...
}

4. mapMutations方法：用于帮助我们生成与mutations对话的方法，即：包含$store.commit(xxx)的函数

import {mapMutations} from 'vuex';
export default {
  //...
  methods: {
    //靠mapMutations生成：increment、decrement（对象形式）
    ...mapMutations({increment:'JIA',decrement: 'JIAN'}),
    //靠mapMutations生成JIA、JIAN（对象形式）
    ...mapMutations(['JIA','JIAN'])
  }
  //...
}

备注：mapActions与mapMutations使用时，若需要传递参数需要：在模板中绑定事件时传递好参数，否则参数是事件对象。