编辑
2023-04-12
Vuex-Version3
0
请注意,本文编写于 440 天前,最后修改于 397 天前,其中某些信息可能已经过时。

目录

mutations
说明
设置变更处理函数
说明
语法
提交变更处理函数
说明
语法
Eg
提交时传递参数
传入一个参数
传入多个参数
简易写法

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

mutationsAndCommit

提交时传递参数

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

传入一个参数

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

传入多个参数

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

简易写法

commit直接传入一个对象,第一个type规定提交的mutations,后续所有的都为传入的参数 commit提交多个参数简易写法

本文作者:RKLS

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!