zoukankan      html  css  js  c++  java
  • 大白话理解Vuex

    大白话理解Vuex

    原文:https://mp.weixin.qq.com/s/askQxPHeKA-yyNAbwYYTvQ

    几个关键字段的含义

    1. vuex是什么?

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态。

    白话:vuex就是帮我们存储一下多个组件共享的数据,方便我们对其读取和更改。

    2. State

    官方解释:Vuex使用单一状态树,用一个对象就包含了全部的应用层次状态。它便作为一个唯一的数据源而存在。这也就意味着, 每个应用将仅仅包含一个store实例。

    白话:组件中所要共享的数据,我们就会抽取一个store,而state即是我们可以共享的数据。

    3. Mutations

    更改Vuex的store中的状态的唯一方法是提交mutation。

    Vuex中的mutation非常类似于事件:每个mutation都有一个字符串的事件类型和一个回调函数。

    这个回调函数就是我们实际进行状态更改的地方。并且它会接受state第一个参数。

    白话:可以理解为更改state的唯一途径就是mutation(同步)

    4. Actions

    类似于Mutation,不同在于:

    • Action提交的是mutation,而不是直接更改状态
    • Action可以包含任意一步操作
    白话:Actions也可以更改state,但是是通过commit,提交到mutation,不直接更改(异步)

    5. Getters

    Vuex 允许我们在 store 中定义getter(可以认为是 store 的计算属性)。

    就像计算属性 computed 一样,getter 的返回值会根据它的依赖被缓存起来。

    且只有当它的依赖值发生了改变才会被重新计算。

    6. mapState

    是一个辅助函数,当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。

    为了解决这个问题,我们可以使用 mapState 辅助函数帮助我们生成计算属性。

    白话:即帮我们获取对应的state值

    7. mapAction

    是一个辅助函数,个人觉得比 dispatch 使用起来方便,主要是创建组件方法分发action,推荐使用。

  • 相关阅读:
    xftp,winscp显示隐藏文件
    今日校园-打卡
    dungeon quest(又名暗黑遗迹,勇闯地下城等)装备体系简述
    frp转发
    虚拟机win10添加新磁盘
    JEECG(一) 如何配置自己的业务包
    C# 获取Url 请求方式 域名 端口 路径
    js url 参数 转换成 json 对象数据
    VisualStudio2017 远程 调试 IIS 服务器 web网站
    c# MVC Action 如何知道 发送方给你的 Json 数据的格式内容是什么
  • 原文地址:https://www.cnblogs.com/konglxblog/p/15203546.html
Copyright © 2011-2022 走看看