vue3学习（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 可以包含任意异步操作。

若有问题或错误，欢迎讨论与批评指正！