vuex的5种状态

简介: vuex的5种状态

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 分割为模块,分模块开发更易于维护。

相关文章
|
5天前
|
JavaScript
状态管理(pinia)
状态管理(pinia)
15 0
|
5天前
|
存储
vuex5种状态?
vuex5种状态?
|
5天前
|
JavaScript 开发者
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
52 4
|
7月前
|
存储 JavaScript
Vue2(状态管理Vuex)
Vue2(状态管理Vuex)
|
5天前
|
JavaScript
Vue状态管理:如何在Vue组件中访问Vuex的状态?
Vue状态管理:如何在Vue组件中访问Vuex的状态?
47 3
|
5天前
|
JavaScript
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
68 3
|
5天前
Vuex各种状态的使用
Vuex各种状态的使用
|
6月前
状态管理(vuex)的使用
状态管理(vuex)的使用
17 0
|
8月前
|
存储 JavaScript
用Vuex来进行状态管理
理解并使用Vuex来进行状态管理是Vue.js应用开发的关键部分。Vuex允许你在Vue应用中集中管理和共享状态,包括状态、mutations、actions、getters等。
|
存储 资源调度 JavaScript
Vue——14-vuex安装 State、Mutations以及Getters状态的的使用
vuex安装 State、Mutations以及Getters状态的的使用
87 0