mutations

说明

用于更改Vuex的store中的状态,即更改state中的数据的唯一方法是commit提交mutations

每个mutations都有一个字符串的事件类型(type)【即 fnname】和 一个回调函(handler)【callback】。这个回调函数就是实际进行状态(数据)更改的地方，并且它会接受state作为第一个参数

设置变更处理函数

说明

理解为事件注册，当触发一个类型为fnname的mutations时，调用mutations handler

语法

    mutations:{
        fnname(state){
            //改写state中数据  
            state.name = newvalue
            ...some code
        }
    }

提交变更处理函数

说明

只有提交后，才会调用mutations handler执行状态变更

语法

    this.$store.commit("fnname");

Eg

提交时传递参数

通过commit方法的第二个参数来传递参数

传入一个参数

直接commit方法第二个参数传入

传入多个参数

以对象形式通过commit方法第二个参数传入 此时mutations中fnname第二个形参建议写为payload

简易写法

commit直接传入一个对象，第一个type规定提交的mutations，后续所有的都为传入的参数