vuex的5种状态

发布时间:2024年01月11日

1、State(状态):Vuex 中存储应用程序状态的位置,所有的状态都存储在这个地方。State 是一个普通的 JavaScript 对象,包含了需要共享的数据。

2、Mutation(变更):状态只能通过 mutation 进行更改,它们是更改 Vuex store 中 state ?唯一方法。Mutation 是 Vuex 中更改 state 的函数,每个 Mutation 都有一个字符串类型的事件类型和一个回调函数。当一个 ?mutation 被触发时,相关的状态都会被更新。

3、Getter(获取器):计算 Vuex store 中的状态的属性,Getter 接收 state 作为第一个参数,可以接收其他 getter 作为第二个参数,它们都会返回计算后的值。

4、Action(动作):异步修改状态的操作,Action 可以包含任意异步操作,最后由 Mutation 去更改 state。Action ?通过调用一个或多个 Mutation 来更改 state。Action 可以包含任意异步操作,并且可以访问 Vuex state,getter ?和其他 action。

5、Module(模块):将 VueX store 分割为多个模块化的一部分,每个模块都有自己的 ?state,mutation、action、getter。Vuex modules 允许我们将 state ?分割成更小、更可组合的部分,使代码更易于维护。每个模块可以具有属于自己的 state、mutation、action、getter

简单来说,State 存储数据,Mutation 更改数据,Getter 计算数据,Action 异步修改数据,Module 将 State、Mutation、Action、Getter 分割为模块,分模块开发更易于维护。
?

文章来源:https://blog.csdn.net/2301_79265530/article/details/135517271
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。