首页 > 其他分享 >actions

actions

时间:2023-10-13 11:35:50浏览次数:28  
标签:异步 mutations actions state num context

actions:处理异步操作

需求:一秒钟之后,修改 state 的 count 成 666

说明:mutations 必须是同步的(便于监测数据变化,记录调试)

 

actions 使用步骤:

1. 提供 actions 方法:

(actions 本质上不是直接修改 state 的数据,因为要修改 state 必须要经过 mutations,所以就算想要处理异步,也是在 actions 中把异步处理完了,然后在里面去用 mutations,actions 相当于帮我们把异步给包装处理掉了)

actions : {

      setAsyncCount (context, num) {                             // context:上下文,此处未分模块,可以理解为 store 仓库;num:参数

            setTimeout ( () => {                                          // 这里是 setTimeout 模拟异步,以后大部分场景是发请求(发请求也是异步)

                  context.commit ( ' changeCount ' ,  num)   // 提交 mutations :context.commit ( ' mutations 中方法名字 ' ,  参数 )

            } ,  1000)

      }

}

2. 页面中 dispatch 调用:

   this.$store.dispatch ( ' setAsyncCount ' ,  200)

标签:异步,mutations,actions,state,num,context
From: https://www.cnblogs.com/gagaya2/p/17761679.html

相关文章

  • Fi-GNN: Modeling Feature Interactions via Graph Neural Networks for CTR Predicti
    目录概Fi-GNN代码LiZ.,CuiZ.,WuS.,ZhangX.andWangL.Fi-GNN:Modelingfeatureinteractionsviagraphneuralnetworksforctrprediction.CIKM,2019.概"图网络"用在精排阶段(算哪门子图网络啊).Fi-GNN一个item可能有多种field,比如:\[\underbrace......
  • Programming abstractions in C阅读笔记:p176-p178
    《ProgrammingAbstractionsInC》学习第59天,p176-p178总结。一、技术总结1.addtivesequencestn=tn-1+tn-2序列:3,7,10,17,27,44,71,115,186,301,487,788,1275,...p177,Asageneralclass,thesequencesthatfollowthispatternarecalledadditivesequen......
  • Programming abstractions in C阅读笔记:p176-p178
    《ProgrammingAbstractionsInC》学习第59天,p176-p178总结。一、技术总结1.addtivesequencestn=tn-1+tn-2序列:3,7,10,17,27,44,71,115,186,301,487,788,1275,...p177,Asageneralclass,thesequencesthatfollowthispatternarecalledadditive......
  • Programming abstractions in C阅读笔记:p166-p175
    《ProgrammingAbstractionsInC》学习第58天,p166-p175总结。一、技术总结1.斐波那契数列(FibonacciSequenc)(1)斐波那契数列来源斐波那契数列来自于《LiberAbaci》一书里兔子繁殖问题,相关资料很多,这里不赘述。(2)关于《LiberAbaci》一书《LiberAbaci》——Liber:abook......
  • delegate IDE buildrun actions actions to Maven
    IDEA中的maven项目下,可能出现这种情况:代码编辑器中无编译错误,通过maven的clean、compile、package进行各种操作也都没问题,但是单击绿色箭头运行(默认会先执行IDE本身的Build操作)却报:程序包xxx不存在使用IDEA运行maven项目,代码没有编译错误运行却报错:"程序包xxx不存在"的问题,......
  • vue vuex module mapActions
    新建vue项目 main.jsimportVuefrom'vue'importAppfrom'./App.vue'importstorefrom'@/store'Vue.config.productionTip=false;newVue({render:h=>h(App),store}).$mount('#app');app.vue<template>......
  • Paper reading: Improving Deep Forest by Exploiting High-order Interactions
    目录研究动机文章贡献本文方法通过gRIT和ERF提取特征交互特征交互的稳定性分数自适应层次生成实验结果合成数据集实验真实数据集实验数据集实验设置实验结果计算复杂度优点和创新点PaperReading是从个人角度进行的一些总结分享,受到个人关注点的侧重和实力所限,可能有理解不......
  • Programming abstractions in C阅读笔记:p132-p137
    《ProgrammingAbstractionsInC》学习第53天,p132-p137,3.2小节“strings”总结如下:一、技术总结3.2小节介绍了字符串的用法:1.C语言是没有字符串(string)这种数据类型的,但是实际的场景中又很需要这种数据类型,那怎么表示字符串呢?有两种方法:1.用字符数组表示。2.用字符指针表示。......
  • vue--day74--四个map方法的使用mapState ,mapGetters,mapMutations,mapActions
    1.Count.vue<template><div><h1>当前求和位{{sum}}</h1><h1>当前求和放大10倍后是{{bigSum}}</h1><h1>我在{{school}},学习{{subject}}</h1><selectv-model.number="n"><optionva......
  • Programming abstractions in C阅读笔记:p130-p131
    《ProgrammingAbstractionsInC》学习第52天,p130-p131,总结如下:一、技术总结1.piglatingame通过piglatingame掌握字符复制,指针遍历等操作。/**输入:字符串,这里采用书中坐着自定义的getline函数*/#include<stdio.h>#include<string.h>#include"simpio.h"#def......