第一种常规用法:
state 获取state里面的变量:this.$store.state.变量名
mutations 获取mutations里面的方法名:
不传参=>this.$store.commit(‘方法名’)
传参=>this.$store.commit(‘方法名’,参数)
actions 获取actions里面的方法名:
不传参=>this.$store.dispatch(‘方法名’)
传参=>this.$store.dispatch(‘方法名’,参数)
getters this.$store.getters.计算属性
第二种方法:辅助函数的方法
(1)、引入辅助函数
import {mapState,mapMutations,mapActions,mapGetters} from ‘vuex’
(1)、把state里面的属性映射到计算属性computed里面
computed:{...mapState([‘变量1’,’变量2’])}
、mutations methods:{...mapMutations([‘方法名1’,’方法名2’])}
、actions methods:{...mapActions([‘方法名1’,’方法名2’])}
、getters computed:{...mapGetters([‘计算属性名1’,’计算属性名2’])}
本文已参与「新人创作礼」活动,一起开启掘金创作之路