vuex中actions的作用及两个用法

作用:只能在actions里面进行异步任务

比如想要启用定时器函数,就必须在action里面进行,同时要记得只有mutations能修改state数据,actions不能直接修改。

用法一:

1.首先用法一和用法二都是一样的,先在actions上面进行定义:

	actions: {
		timeSub(context,mSeconds){//第一个参数是context固定不变,第二个是自定义参数
			setTimeout(() => {
				context.commit('sub',3)//***重点!*** 这里是调用mutations的语法
			},mSeconds)
		},
	},

2.在组件里和state,mutations调用方法一样

this.$store.dispatch('xxx')

用法二:

 在methods里面引入mapActions,类比mutations的调用方法

Guess you like

Origin blog.csdn.net/CSDN_go_die/article/details/121426311
Recommended