本文详细介绍了如何在Vue项目中集成Vuex进行状态管理，包括使用Getter进行数据过滤、Mutation进行状态修改以及Actions处理异步操作。通过实例展示了在App.vue中获取和展示过滤后数据的方法，以及在mutation和action中定义和触发状态变更的函数。文章旨在帮助开发者更好地理解和运用Vuex进行复杂状态管理。
Vue状态管理核心（Vuex）
创建项目时需将Vuex集成进项目。
一.Getter
对Vuex中的数据进行过滤
在src->store->index.js文件中state中添加数据，在getters中添加过滤条件。
在App.vue中添加读取数据（两种方式）
即可显示过滤后的信息。
二.Mutation
更改Vuex的store中的状态的唯一方法是提交mutration。Vuex中的mutation非常类似于事件：每个mutation都有一个字符串的事件类型（type）和一个回调函数(handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受state作为第一个参数。
首先在mutation里定义一个函数，完成想要的操作（如下调用这个函数counter就会加一）
然后设置一个按钮触发事件。
通过事件调用函数。
三.Actions：
Action 提交的是 mutation，而不是直接变更状态。
Action 可以包含任意异步操作。
若有问题或错误，欢迎讨论与批评指正！
960
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
