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

相关文章
|
设计模式 存储
static应用之 单例设计模式(饿汉单例&懒汉单例)
本章我们来学习单例模式中的饿汉单例和懒汉单例,那么什么是单例模式呢?应用该模式的这个类永远只有一个实列,即一个类只能创建一个对象例如电脑上的任务管理器对象只需要一个就能解决问题,可以节省内存空间先定义一个类,把构造器私有如下图,先来看一下没有把构造器私有化的SingleInstance类,此时Test类中可以随意创建多个SingleInstance的实例化。 在SingleInstance类中用private修饰无参构造器,此时左边new方法报错了。我们在右边创建一个静态变量来存储对象,变量名为instan
143 0
|
Linux 网络安全 数据安全/隐私保护
Linux——配置SSH免密登录
Linux——配置SSH免密登录
390 0
ELK 圣经:Elasticsearch、Logstash、Kibana 从入门到精通
ELK是一套强大的日志管理和分析工具,广泛应用于日志监控、故障排查、业务分析等场景。本文档将详细介绍ELK的各个组件及其配置方法,帮助读者从零开始掌握ELK的使用。
|
前端开发 Python
分享85个CSS3特效,总有一款适合您
分享85个CSS3特效,总有一款适合您
199 2
|
Kubernetes Docker 微服务
Kubernetes 实战教学,手把手教您在 K8s 集群上部署 Istio Mesh(一)
Istio 是一个完全的开源服务网格,它可以对现有的分布式应用程序进行清晰的分层处理。近期,Istio v1.0版本已经正式上线。Istio 完全由 Go 语言编写,它是一个相当成熟的平台......
12322 0
|
SQL 分布式计算 算法
【大数据处理框架】Spark大数据处理框架,包括其底层原理、架构、编程模型、生态圈
【大数据处理框架】Spark大数据处理框架,包括其底层原理、架构、编程模型、生态圈
1259 0
|
存储 监控 数据挖掘
服务器数据恢复—raid5阵列两块硬盘离线后强制上线导致崩溃的数据恢复案例
服务器数据恢复环境: 某品牌2850服务器中有一组由6块SCSI硬盘组建的raid5磁盘阵列,linux操作系统+ext3文件系统。 服务器故障: 服务器运行过程中突然瘫痪。服务器管理员检查阵列后发现raid5阵列中有两块硬盘离线,将其中一块硬盘进行强制上线操作,但是服务器操作系统启动异常。这时,管理员意识到问题的严重性,马上将服务器关机,联系到我们数据恢复中心寻求帮助。
|
缓存 安全 PHP
内网搭建电影网站的实现和进行公网访问
首先,需要将电影网站所用到的软件都下载下来,并分别安装到本地电脑上。其中,cpolar和PHPStudy是独立软件,可以双击安装程序进行安装。而maccms10是网页程序,需要PHPStudy构建的网页运行环境才能安装。
|
传感器 消息中间件 网络协议
Paho MQTT 客户端接入阿里云物联网平台(2)| 学习笔记
快速学习 Paho MQTT 客户端接入阿里云物联网平台(2)
1306 1
Paho MQTT 客户端接入阿里云物联网平台(2)| 学习笔记
蓝桥杯之单片机学习(十七)——DS1302的基本应用
蓝桥杯之单片机学习(十七)——DS1302的基本应用
849 0
蓝桥杯之单片机学习(十七)——DS1302的基本应用