vuex中actions的作用及两个用法
作用:只能在actions里面进行异步任务比如想要启用定时器函数,就必须在action里面进行,同时要记得只有mutations能修改state数据,actions不能直接修改。用法一:1.首先用法一和用法二都是一样的,现在actions上面进行定义:actions: {timeSub(context,mSeconds){//第一个参数是context固定不变,第二个是自定义参数setTimeou
·
作用:只能在actions里面进行异步任务
比如想要启用定时器函数,就必须在action里面进行,同时要记得只有mutations能修改state数据,actions不能直接修改。
-
用法一:
1.首先用法一和用法二都是一样的,先在actions上面进行定义:
actions: {
timeSub(context,mSeconds){//第一个参数是context固定不变,第二个是自定义参数
setTimeout(() => {
context.commit('sub',3)//***重点!*** 这里是调用mutations的语法
//'sub'是一个名为sub的actions函数,3是向sub函数传递的参数
},mSeconds)
},
},
2.在组件里和state,mutations调用方法一样
this.$store.dispatch('xxx')
-
用法二:
在methods里面引入mapActions,类比mutations的调用方法
更多推荐
已为社区贡献3条内容
所有评论(0)