js中mapState怎么使用

在Vue.js中，我们可以使用vuex来管理应用程序的状态(state)。如果我们要访问store中的状态(state)，可以使用mapState辅助函数。

使用方法如下：

1. 在组件中引入mapState：

import { mapState } from 'vuex'

2. 定义计算属性，使用mapState辅助函数将store中的状态(state)映射到组件的计算属性中：

computed: {
    ...mapState({
        // 映射 this.count 为 store 中的 state.count
        count: state => state.count,

        // 映射 this.count2 为 store 中的 state.count2
        count2: state => state.count2
    })
}

3. 在组件中使用计算属性：

<template>
  <div>
    <p>count: {{ count }}</p>
    <p>count2: {{ count2 }}</p>
  </div>
</template>

以上就是使用mapState辅助函数来访问vuex中状态(state)的方法。