vuex中actions的作用及两个用法

2023-04-11 11:48:26

作用:只能在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的调用方法

  • 作者:CSDN_go_die
  • 原文链接:https://blog.csdn.net/CSDN_go_die/article/details/121426311
    更新时间:2023-04-11 11:48:26