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

66 阅读1分钟

第一种常规用法:

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’])}

本文已参与「新人创作礼」活动,一起开启掘金创作之路