如何从vuex商店获取显示在vue组件上的总数？

从vuex商店获取显示在vue组件上的总数，可以通过以下步骤实现：

1. 首先，在Vue组件中引入vuex，并使用mapState辅助函数将vuex的状态映射到组件的计算属性中。确保已经在项目中安装了vuex。

import { mapState } from 'vuex';

1. 在组件的computed属性中，使用mapState函数将vuex的状态映射到组件中的计算属性。

computed: {
  ...mapState(['totalCount'])
},

1. 在vuex的store中，定义一个名为totalCount的状态，并在state对象中初始化为0。

state: {
  totalCount: 0
},

1. 在store中定义一个名为mutations的对象，包含一个名为setTotalCount的mutation方法，用于更新totalCount的值。

mutations: {
  setTotalCount(state, count) {
    state.totalCount = count;
  }
},

1. 在store中定义一个名为actions的对象，包含一个名为fetchTotalCount的action方法，用于异步获取总数并调用setTotalCount mutation方法更新totalCount的值。

actions: {
  fetchTotalCount({ commit }) {
    // 异步获取总数的逻辑
    // 可以通过API请求、计算等方式获取总数
    // 假设获取到的总数为count
    const count = 10; // 示例值，实际情况根据需求获取
    commit('setTotalCount', count);
  }
},

1. 在组件的生命周期钩子函数（如created）中，调用fetchTotalCount action方法来获取总数。

created() {
  this.$store.dispatch('fetchTotalCount');
},

1. 最后，在Vue组件中即可通过totalCount计算属性获取到vuex商店中的总数，并在模板中进行显示。

<template>
  <div>
    <p>Total Count: {{ totalCount }}</p>
  </div>
</template>

这样，通过以上步骤，就可以从vuex商店获取到显示在Vue组件上的总数。请注意，以上示例中的代码仅供参考，实际情况中需要根据具体需求进行适当的修改和调整。