Vuex中Mutations如何通过多个步骤和复杂逻辑实现数据状态更新？

本文共计1227个文字，预计阅读时间需要5分钟。

在Vuex中，修改store数据的唯一方法是提交mutations。mutations中包含了一系列修改数据的方法集合，这是Vuex设计中的一个重要点，即把数据处理逻辑全部放在mutations中，以便于管理和追踪数据变化。

在 Vuex 中 store 数据改变的唯一方法就是提交 mutations。mutations里面装着一些改变数据方法的集合，这是Vuex 设计很重要的一点，就是把处理数据逻辑方法全部放在 mutations 里面，使得数据和视图分离。

Mutations使用

Vuex 中的 mutations 非常类似于事件，每个 mutations 都有一个字符串的事件类型(type)和一个回调函数(handler)，也可以理解为{type:handler()}，这和订阅发布有点类似。先注册事件，当触发响应类型的时候调用handker()，调用type的时候需要用到store.commit方法。