动态访问Vuex存储中的属性

在Vue.js中，可以使用计算属性来动态访问Vuex存储中的属性。以下是一个示例：

首先，安装Vuex并创建一个store对象：

import Vuex from 'vuex';
import Vue from 'vue';

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++;
    }
  },
  getters: {
    getCount: state => state.count
  }
});

export default store;

然后，在组件中使用计算属性来访问Vuex存储中的属性：

<template>
  <div>
    <p>Count: {{ count }}</p>
    <button @click="incrementCount">Increment</button>
  </div>
</template>

<script>
import { mapGetters, mapMutations } from 'vuex';

export default {
  computed: {
    ...mapGetters(['getCount']),
    count() {
      return this.getCount;
    }
  },
  methods: {
    ...mapMutations(['increment']),
    incrementCount() {
      this.increment();
    }
  }
};
</script>

在上面的示例中，我们使用mapGetters帮助函数将getCount getter映射到组件的计算属性中。然后，我们可以在模板中使用计算属性count来动态访问Vuex存储中的count属性。

同时，我们使用mapMutations帮助函数将increment mutation映射到组件的方法中，以便我们可以在点击按钮时调用该mutation。

这样，我们就可以在组件中动态访问Vuex存储中的属性了。