通过字符串值获取Vuejs Store变量

通过字符串值获取Vue.js Store变量可以使用$store.getters方法。

Vue.js是一个用于构建用户界面的渐进式JavaScript框架，其核心思想是通过组件化构建应用。Vue.js提供了一个状态管理模式，即Vuex，用于集中管理应用的所有组件的状态。

在Vuex中，可以通过字符串值获取Store中的变量。首先，需要在Vue组件中引入Vuex，并在组件的computed属性中定义一个计算属性来获取Store中的变量。代码示例如下：

import { mapGetters } from 'vuex';

export default {
  computed: {
    ...mapGetters(['getVariable']) // 在这里替换成你要获取的变量的名称
  },
  methods: {
    // 其他方法
  }
}

在上述代码中，getVariable是你想要获取的变量的名称。然后，在模板中可以直接使用该计算属性来获取Store中的变量。例如：

<template>
  <div>
    {{ getVariable }}
  </div>
</template>

上述代码中，{{ getVariable }}将会渲染为Store中getVariable的值。

在Vue.js中，可以使用$store.getters方法来获取Store中的变量。$store.getters是Vuex中用于访问getter的属性，getter用于对Store中的状态进行包装计算。例如：

this.$store.getters.getVariable // 在这里替换成你要获取的变量的名称

上述代码中，getVariable是你想要获取的变量的名称。可以将该方法应用于Vue组件中的任何方法或模板中。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 腾讯云CDN加速服务（CDN）：https://cloud.tencent.com/product/cdn