怎么使用mapGetters里面的数据

要使用mapGetters里面的数据，首先需要在Vue组件中导入mapGetters函数。然后，在computed选项中使用该函数，并将需要使用的getter名称作为参数传递给该函数。这样就可以在组件中访问到对应的getter数据。

具体步骤如下：

1. 在Vue组件中导入mapGetters函数，可以使用以下方式导入：

   import { mapGetters } from 'vuex';

2. 在computed选项中使用mapGetters函数，并将需要使用的getter名称作为参数传递给该函数。例如：

   computed: {
     ...mapGetters(['messageCount', 'socketMsg'])
   }

这样就可以在组件中通过this.messageCount和this.socketMsg来访问对应的getter数据了。

注意：在使用mapGetters之前，需要确保已经在Vuex的getters文件中定义了对应的getter方法。例如，在getters文件中定义了messageCount和socketMsg的getter方法：

   const getters = {
     messageCount: state => state.common.messageCount,
     socketMsg: state => state.common.socketMsg
   }
   export default getters;

通过以上步骤，就可以在Vue组件中使用mapGetters里面的数据了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [uniapp使用Vuex mapGetters全局变量](https://blog.csdn.net/zwjzone/article/details/126510640)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vuex2中使用mapGetters/mapActions报错的解决方法](https://download.csdn.net/download/weixin_38746574/12950625)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]