vuex5种状态?

简介: vuex5种状态?

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

相关文章
|
22天前
|
存储 JavaScript 前端开发
除了 Vuex,还有以下一些常见的状态管理库
【10月更文挑战第18天】随着技术的不断发展和演进,新的状态管理库也可能不断涌现,我们需要保持关注和学习,以适应不断变化的开发需求。
37 1
|
6月前
|
JavaScript
状态管理(pinia)
状态管理(pinia)
46 0
|
6月前
|
JavaScript 开发者
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
165 4
|
存储 JavaScript
Vue2(状态管理Vuex)
Vue2(状态管理Vuex)
|
24天前
|
存储 JavaScript
Vuex 状态管理
【10月更文挑战第15天】总的来说,Vuex 是 Vue.js 应用中非常重要的状态管理工具,它可以帮助我们更好地管理应用的状态,提高开发效率和代码质量。通过深入了解和正确使用 Vuex,我们可以构建出更加复杂和高效的 Vue.js 应用。
|
1月前
|
存储 Web App开发 监控
Vuex学习一:了解Vuex,初始用vuex,vuex状态管理图的讲解
这篇文章是关于Vuex的基本使用和状态管理的教程,包括项目搭建、Vuex配置、状态共享问题、Vuex介绍以及如何在Vue组件中使用Vuex进行状态管理。
18 0
Vuex学习一:了解Vuex,初始用vuex,vuex状态管理图的讲解
|
3月前
|
存储 JavaScript 开发者
Vuex是如何帮助我们管理状态的
Vuex通过一系列核心概念和规则,帮助我们有效地管理和维护Vue.js应用程序中的状态。
16 4
|
4月前
|
存储
vuex——重置vuex数据
vuex——重置vuex数据
67 0
|
6月前
|
存储 JavaScript 前端开发
vuex的5种状态
vuex的5种状态
29 0
|
6月前
|
JavaScript
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
198 3