四个map方法的使用

141 阅读1分钟

四个map方法的使用

使用前都需要引入import {mapState,mapGetters,mapMutations,mapActions} from "vuex"

1. mapState

用于映射state中的数据为计算属性

computed:{
...mapState({school:"school",sum:"sum"}) 对象的写法
...mapState(["school","sum"]) 数组的写法
} 

2. mapGetters

用于映射getters中的数据为计算属性

computed:{
...mapGetters({school:"school",sum:"sum"}) 对象的写法
...mapGetters(["school","sum"]) 数组的写法
} 

3. mapMutations

用于帮助我们生成Mutations对话的方法,即包含$store.commit(xxx)的函数

methods:{
...mapMutations({increment:"JIA",decrement:"JIAN"}) 对象的写法
...mapMutations(["JIA","JIAN"]) 数组的写法
} 

4. mapActions

用于帮助我们生成actions对话的方法,即包含$store.dispath(xxx)的函数

methods:{
...mapActions({incrementodd:"jiaodd",incrementwait:"jiawait"})  对象的写法
...mapActions(["jiaodd","jiawait"]) 数组的写法
} 

备注:如果mapActions和mapMutations,需要传递参数时,在模板中绑定事件时传递好参数,否则参数是事件对象