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

相关文章
|
7月前
|
JavaScript
状态管理(pinia)
状态管理(pinia)
58 0
|
7月前
|
存储
vuex5种状态?
vuex5种状态?
|
7月前
|
JavaScript 开发者
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
204 4
|
存储 JavaScript
Vue2(状态管理Vuex)
Vue2(状态管理Vuex)
|
2月前
|
存储 JavaScript
Vuex 状态管理
【10月更文挑战第15天】总的来说,Vuex 是 Vue.js 应用中非常重要的状态管理工具,它可以帮助我们更好地管理应用的状态,提高开发效率和代码质量。通过深入了解和正确使用 Vuex,我们可以构建出更加复杂和高效的 Vue.js 应用。
|
2月前
|
存储 Web App开发 监控
Vuex学习一:了解Vuex,初始用vuex,vuex状态管理图的讲解
这篇文章是关于Vuex的基本使用和状态管理的教程,包括项目搭建、Vuex配置、状态共享问题、Vuex介绍以及如何在Vue组件中使用Vuex进行状态管理。
25 0
Vuex学习一:了解Vuex,初始用vuex,vuex状态管理图的讲解
|
2月前
|
前端开发 JavaScript 调度
React 组件状态(State)
10月更文挑战第8天
35 1
|
4月前
|
存储 JavaScript 开发者
Vuex是如何帮助我们管理状态的
Vuex通过一系列核心概念和规则,帮助我们有效地管理和维护Vue.js应用程序中的状态。
23 4
|
5月前
|
存储
vuex——重置vuex数据
vuex——重置vuex数据
73 0
QGS
|
7月前
|
存储 JavaScript 容器
浅学状态管理VueX
浅学状态管理VueX
QGS
56 2

热门文章

最新文章