四个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,需要传递参数时,在模板中绑定事件时传递好参数,否则参数是事件对象