Vue的Vuex中，如何使用mapState、mapGetters、mapActions、mapMutations四个辅助函数？

本文共计794个文字，预计阅读时间需要4分钟。

目录

一、辅助函数

二、实例

1. mapState 和 mapGetters 2. mapMutations 和 mapActions

一、辅助函数

当组件需要获取多个状态时，直接声明可能会造成重复和冗余。辅助函数可以简化这一过程。

二、实例

1.mapState 和 mapGetters

当组件需要获取多个状态时，可以使用 mapState 辅助函数将多个状态映射为计算属性。

2. mapMutations 和 mapActions 同样，mapMutations 和 mapActions 用于简化对多个 mutation 或 action 的调用。

目录

• 一、辅助函数
• 二、实例
• 1、mapState 和 mapGetters
• 2、mapMutations和mapActions

一、辅助函数

当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键。