第一种常规用法:
- 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’])}