vuex有几个辅助函数

在 Vuex 中，有四个常用的辅助函数可以简化对 store 中状态的访问和操作：

1. `mapState`：将 store 中的状态映射为组件的计算属性。它接收一个数组或对象作为参数，数组中的字符串为 state 的属性名，或者对象中的键值对为计算属性的名字和 state 的属性名。例如：

   import { mapState } from 'vuex';
   
   export default {
     computed: {
       ...mapState(['count']) // 将 store 中的 count 状态映射为组件的计算属性
     }
   }

2. `mapGetters`：将 store 中的 getters 映射为组件的计算属性。它接收一个数组或对象作为参数，用法与 `mapState` 类似。例如：

   import { mapGetters } from 'vuex';
   
   export default {
     computed: {
       ...mapGetters(['doubleCount']) // 将 store 中的 doubleCount getter 映射为组件的计算属性
     }
   }

3. `mapMutations`：将 store 中的 mutations 映射为组件的方法。它接收一个数组或对象作为参数，数组中的字符串为 mutations 的方法名，或者对象中的键值对为方法名和 mutations 的方法名。例如：

   import { mapMutations } from 'vuex';
   
   export default {
     methods: {
       ...mapMutations(['increment']) // 将 store 中的 increment mutation 映射为组件的方法
     }
   }

4. `mapActions`：将 store 中的 actions 映射为组件的方法。它接收一个数组或对象作为参数，用法与 `mapMutations` 类似。例如：

   import { mapActions } from 'vuex';
   
   export default {
     methods: {
       ...mapActions(['asyncAction']) // 将 store 中的 asyncAction action 映射为组件的方法
     }
   }

通过使用这些辅助函数，可以简化在组件中访问和操作 store 中状态、getters、mutations 和 actions 的代码，提高开发效率和代码可读性。