VUEX

最新推荐文章于 2023-02-08 11:42:32 发布

浅巷长歌999

最新推荐文章于 2023-02-08 11:42:32 发布

阅读量112

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_42401946/article/details/110388576

版权

vue 专栏收录该内容

22 篇文章 2 订阅

订阅专栏

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