VUEX

state



第一种方法：this.$store.state.count接收数据；
第二种方法：1.引入import { mapState } from ‘vuex’ ; 2.映射到当前组件的计算属性中…mapState([ ‘count’ ]

Mutation




Mutation用于变更Store中的数据，state是state中的数据，step是参数；
第一种方法：this.$store.commit(‘add’,2)接收数据；
第二种方法：1.引入import { mapMutations } from ‘vuex’ ; 2.映射到当前组件的methods中…mapMutations([ ‘add’,‘addN’ ]

Action





Action用于处理异步任务
第一种方法：this.$store.dispatch("")调用actions中的方法；
第二种方法：1.引入import { mapAction } from ‘vuex’ ; 2.映射到当前组件的methods中…mapActions([ ‘subAsync’,‘subNAsync’ ]

Getter




Getter用于对Store中的数据进行加工处理形成新的数据
第一种方法：this.$store.getters.showNum调用actions中的方法；
第二种方法：1.引入import { mapGetters } from ‘vuex’ ; 2.映射到当前组件的methods中…mapGetters([ ‘showNum’ ]