调用mapMutations简写

methods:{
 jia(){
  this.$store.commit('JIA',this.n)
 },
 jian(){
  this.$store.dispatch('JIAN',this.n)
 }
}

  <button @click="jia">+</button>
   <button @click="jian">-</button>
   <button @click="oddJia">基数加偶不加</button>
   <button @click="wait">等一等再加</button>

script简写

import { mapState,mapGetters,mapMutations } from 'vuex'
...
//mapMutations生成对应的方法，
//方法中会调用commit去联系mutations对象（对写法）
...mapMutations({jia:'JIA',jian:'JIAN',oddJia:'ODDJIA',wait:'WAIT'}),

模板要调用方法的时候要传参

  <button @click="jia(n)">+</button>
   <button @click="jian(n)">-</button>

因为普通的方法要传this.n ,要传值，所以我们的模板也要传值
简写就是要键和名都相同

 oddJia(){
  this.$store.dispatch('oddJia',this.n)
 },
 wait(){
  this.$store.dispatch('wait',this.n)
 },

mapActions

 oddJia(){
  this.$store.dispatch('oddJia',this.n)
 },
 wait(){
  this.$store.dispatch('wait',this.n)
 },

简写

  <button @click="oddJia(n)">基数加偶不加</button>
   <button @click="wait(n)">等一等再加</button>
...
// mapActions生成对应的方法，
// 方法中会调用dispatcht去联系actions对象（对写法）
...mapActions({oddJia:'oddJia',wait:'wait'})