操作vuex中的数据和方法--前端

第一种常规用法：

1. state

  获取state里面的变量：this.$store.state.变量名

1. mutations

  获取mutations里面的方法名：

不传参=>this.$store.commit(‘方法名’)

传参=>this.$store.commit(‘方法名’,参数)

1. actions

 获取actions里面的方法名：

不传参=>this.$store.dispatch(‘方法名’)

传参=>this.$store.dispatch(‘方法名’,参数)

1. getters

     this.$store.getters.计算属性

第二种方法：辅助函数的方法

(1)、引入辅助函数

import  {mapState,mapMutations,mapActions,mapGetters} from ‘vuex’

(1)、把state里面的属性映射到计算属性computed里面

computed:{...mapState([‘变量1’,’变量2’])}

1. 、mutations

methods:{...mapMutations([‘方法名1’,’方法名2’])}

1. 、actions

methods:{...mapActions([‘方法名1’,’方法名2’])}

1. 、getters

computed:{...mapGetters([‘计算属性名1’,’计算属性名2’])}