作者:球球小白痴_693 | 来源:互联网 | 2023-10-10 09:23
Vuex的核心概念3.actionaction用于处理异步任务如果通过异步操作变更数据,必须通过action,而不能用Mutation,但是在action中还是要通过mutatio
3.action
action用于处理异步任务
如果通过异步操作变更数据,必须通过action,而不能用Mutation,但是在action中还是要通过mutation的方法间接变更数据
触发actions异步任务时携带参数
this.$store.dispatch()是触发actions的第一种方式,触发actions的第二种方式:
//1.从vuex中按需导入mapActions函数
import {mapActions} from ‘vuex‘
通过刚才导入的mapActions函数,将需要的actions函数,映射为当前组件的methods方法
//2.将指定的actions函数,映射为当前组件的methods函数
methods:{
...mapActions([‘addASync‘,‘addNASync‘])
}
4.getter
getter用于对Store中的数据进行加工处理形成新的数据
1.getter可以对Store中已有的数据加工处理之后形成新的数据,类似Vue的计算属性;
2.Store中数据发生变化,getter的数据也会跟着变化
getters的第一种使用方式:
getters的第二种使用方式
import { mapGetters } from ‘vuex‘
computed:{
...mapGetters([‘showNum‘])
}