首页 > 其他分享 >vue学习之-----vuex通俗易懂篇(二)

vue学习之-----vuex通俗易懂篇(二)

时间:2022-08-20 19:33:05浏览次数:53  
标签:vue 数据 ---- getter ----- mutation 组件 vuex store

1、State ---- 唯一公共数据源

(1)组件中访问State数据的第一种方式:

(2)组件中访问State数据的第二种方式:

2、Mutation ---- 更改store中的数据的唯一方法是提交 mutation,不能直接操作store中的数据

如果在组件中各自修改store中的数据,那如果出现bug,很难追溯是哪里改了数据,不利于统一管理!

(1)组件中触发mutation中函数的第一种方式:

 

 

 

效果:

============================================分隔=====================================================

传参:

组件中:

(2)组件中触发mutation中函数的第二种方式:

 

3、Action ---- 异步操作,则要通过Action触发mutation中的方法来间接改变数据

定义mutation方法:

(1)组件中触发action的第一种方法:

(2)组件中触发action的第二种方法:

4、Getter ---- 对store中的数据进行加工处理,类似于计算属性

store中的数据发生变化,getter中的数据也会跟着变化,是联动的。

定义getter:

(1)组件中使用getter的第一种方式:

(2)组件中使用getter的第二种方式:

 

标签:vue,数据,----,getter,-----,mutation,组件,vuex,store
From: https://www.cnblogs.com/zhaoyingzhen/p/15265481.html

相关文章

  • "蔚来杯"2022牛客暑期多校训练营4 N-Particle Arts
    问题描述InaconfinedNIOspace,therearennnNIOparticles,theiii-thofwhichhasaia_iai​jouleenergy.TheNIOparticlesareveryspecialastheykeep......
  • 33. Redis---哨兵模式
    1.前言在Redis主从复制模式中,因为系统不具备自动恢复的功能,所以当主服务器(master)宕机后,需要手动把一台从服务器(slave)切换为主服务器。在这个过程中,不仅需要人为干预,而且......
  • 32. Redis---主从模式
    1.前言在软件的架构中,主从模式(Master-Slave)是使用较多的一种架构。主(Master)和从(Slave)分别部署在不同的服务器上,当主节点服务器写入数据时,同时也会将数据同步至从节点服务......
  • 大家都能看得懂的源码 - ahooks useSet 和 useMap
    本文是深入浅出ahooks源码系列文章的第十篇,该系列已整理成文档-地址。觉得还不错,给个 star 支持一下哈,Thanks。今天我们来聊聊ahooks中对Map和Set类型进行状态......
  • 31. Redis---AOF持久化
    Redis事务的目的是方便用户一次执行多个命令。执行Redis事务可分为三个阶段:开始事务命令入队执行事务1.Redis事务特性Redis事务具有两个重要特性:1)单独的隔......
  • "蔚来杯"2022牛客暑期多校训练营3 C-Concatenation
    问题描述NIOwasthekingoftheOINKingdom.HehadNNNchildrenandwantedtoteachthemhowtocount.IntheOINKingdom,pentalisusedincounting,sohis......
  • "蔚来杯"2022牛客暑期多校训练营2 G-Link with Monotonic Subsequence
    问题描述First,let'sreviewsomedefinitions.Feelfreetoskipthispartifyouarefamiliarwiththem.Asequence aaaisanincreasing(decreasing)subsequ......
  • 30. Redis---事务(24补充)
    1.前言Redis事务的目的是方便用户一次执行多个命令。执行Redis事务可分为三个阶段:开始事务命令入队执行事务2.Redis事务特性Redis事务具有两个重要特性:1)单......
  • 29. Redis---RDB持久化
    1.前言Redis是一款基于内存的非关系型数据库,它会将数据全部存储在内存中。但是如果Redis服务器出现某些意外情况,比如宕机或者断电等,那么内存中的数据就会全部丢失。因......
  • 28. Redis---数据备份和还原
    1.前言RedisSAVE命令用于创建当前数据库的备份文件,文件名默认为dump.rdb。备份数据库数据可以增强对数据的保护,提升数据的安全性。当数据不小心丢失或者被删除时,我们就......