当前位置: 首页 > news >正文

Vuex有几种属性以及它们的意义

有五种,分别是 State、 Getter、Mutation 、Action、 Module。

一、State
Vuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着,每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段,在调试的过程中也能轻易地取得整个当前应用状态的快照。

二、Getter
有时候我们需要从 store 中的 state 中派生出一些状态,例如对列表进行过滤并计数,Getter类似于Vue的 computed 对象。是根据业务逻辑来处理State,使得生成业务所需的属性。

三、Mutation
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。Mutation是唯一用来更改Vuex中状态的方法。

四、Action
Action 类似于 mutation,不同在于:Action 提交的是 mutation,而不是直接变更状态。
Action 可以包含任意异步操作。Action是用来解决异步操作而产生的,它提交的是Mutation。

五、Module
由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。 为了解决以上问题,Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割,Module是将Vuex模块化的对象,目的是更好的维护。

http://www.lryc.cn/news/167047.html

相关文章:

  • PRBP20P-10/250C-EB、PRDP6G-10/30-CB电液比例直动式先导减压阀放大板
  • GDB之常见缩写命令(十九)
  • MarkText快捷键(随时补充中)
  • 每日一题 1601最多可达成的换楼请求数目(子集模版)
  • 排序算法-归并排序
  • vue3 整合 springboot 打完整jar包
  • 依赖倒转原则是什么?
  • 什么是GPT与MBR
  • 前后端开发接口联调对接参数
  • 定时任务框架-xxljob
  • idea项目配置三大步
  • 学会SpringMVC之自定义注解各种场景应用,提高开发效率及代码质量
  • 步态识别常见模块解读及代码实现:基于OpenGait框架
  • 前端八股文之“闭包”
  • 数据可视化:掌握数据领域的万金油技能
  • Apache Kafka 基于 S3 的数据导出、导入、备份、还原、迁移方案
  • 事务管理AOP
  • Java从Tif中抽取最大的那张图进行裁剪成x*y份
  • 人工智能AI界的龙头企业,炸裂的“英伟达”时代能走多远
  • 【实战】H5 页面同时适配 PC 移动端 —— 旋转横屏
  • 使用凌鲨进行聚合搜索
  • 程序设计之——手把手教你如何从Excel文件中读取学生信息
  • Docker容器化技术(从零学会Docker)
  • 【新版】系统架构设计师 - 案例分析 - 总览
  • 【Git】02-Git常见应用
  • YOLO物体检测-系列教程2:YOLOV2整体解读
  • u盘传输数据的时候拔出会怎么样?小心这些危害
  • 【踩坑纪实】URL 特殊字符 400 异常
  • Contents:帮助公司为营销目的创建内容
  • 1397: 图的遍历——广度优先搜索