[JavaScript知识库]操作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’])}