vuex---Mutations 修改state中的状态

一、1.Mutations 的第2个参数,payload 就是携带参数的意思

   // 如果state 数据想要修改，通过mustation 做提交
    mutations:{
        //这些函数在被调用的时候，会传过来参数state，是可以在mutations里面对state进行修改的
      increate(state,payload){ //payload:携带参数
         state.counter+=payload
      }
    }

2.页面使用

 methods:{
          addTen(){
            this.$store.commit("increate",{name:"jiang",age:10})
        }
        }

3.注意：考虑到后面开发的代码的优雅度，可以吧mutations 里面的一些函数，新建一个mutations-type.js文件

export const  INCREATE_N="INCREATE_N"

使用

  import {INCREATE_N} from "./mutations-type"
    // 如果state 数据想要修改，通过mustation 做提交
    mutations:{
        //这些函数在被调用的时候，会传过来参数state，是可以在mutations里面对state进行修改的
      [INCREATE_N](state,payload){ //payload:携带参数
         state.counter+=payload
      }
    }

 import {INCREATE_N} from "./mutations-type" 
methods:{
          addTen(){
            this.$store.commit("INCREATE_N",{name:"jiang",age:10})
        }
        }

二、mutations 辅助函数

在conpositionAPI

import {mapMutations} from "vuex"
    export default { 
        setup(){
            const mapMutations=mapMutations(["increate"])
            return{
           ...mapMutations
            }
        }