Vuex中的4个map配置

最新推荐文章于 2024-09-02 16:29:58 发布

qq_52200979

最新推荐文章于 2024-09-02 16:29:58 发布

阅读量200

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/qq_52200979/article/details/124556069

版权

学习笔记

四个map配置分别为mapState、mapGetters、mapMutations、mapActions

前两个的作用是映射state和getters的数据为计算属性

后面两个是为了帮助我们生成$store.dispatch和$store.commit的函数，方便我们少写一些重复性的代码

使用方法是

首先要去引入import {mapState,mapGetters、mapMutations、mapActions} from "Vuex"

然后在computed里使用mapState,mapGetters，即...mapState({key:value})形式，key是计算属性名，value是要在state里读取的名。同理...mapGetters({key:value}).key也是计算属性名，value是要在getters里读取的方法名。

mapMutations、mapActions是要在方法上使用的，也是...mapMutations({key:value}),key为方法名，value为Mutations里的动作名，mapActions也是同理