• 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模块化的对象,目的是更好的维护。

  • 相关阅读:
    获取当前用户信息的几种方式
    uniapp树形层级选择器
    详解Pinia和Vuex
    基于ubuntu20.04安装ros系统搭配使用工业相机
    651页23万字智慧教育大数据信息化顶层设计及智慧应用建设方案
    java自定义Excel导出实现方案汇总
    快速提升独立站转化率
    第1章丨我心光明
    Apache Flink 1.16重磅发布,仅22年Flink跨越3个大版本
    centos 安装freeswitch
  • 原文地址:https://blog.csdn.net/weixin_43962020/article/details/132907827