如何在Vue JS中将字符串转换为变量名

在Vue JS中，将字符串转换为变量名可以使用计算属性或者使用eval()函数来实现。

使用计算属性：Vue提供了计算属性来根据其他数据的变化动态计算出一个新的值。可以通过定义一个计算属性来将字符串转换为变量名。

<template>
  <div>
    <input type="text" v-model="strVariable">
    <p>The value of {{ strVariable }} is: {{ variableValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      strVariable: '',
      variableValue: ''
    };
  },
  computed: {
    dynamicVariable() {
      return this[this.strVariable];
    }
  },
  watch: {
    strVariable(newVal) {
      this.variableValue = this.dynamicVariable;
    }
  }
};
</script>

在上述代码中，首先定义了一个data属性strVariable来存储输入的字符串，以及一个variableValue属性用来显示转换后的变量的值。在计算属性dynamicVariable中，通过使用this[this.strVariable]来获取字符串对应的变量的值。然后使用watch监听strVariable的变化，在变化时将转换后的变量的值赋给variableValue，以在模板中显示出来。

使用eval()函数：eval()函数是JavaScript中的一个内置函数，可以解析并执行字符串中的代码。可以通过使用eval()函数将字符串转换为变量名。

<template>
  <div>
    <input type="text" v-model="strVariable">
    <p>The value of {{ strVariable }} is: {{ variableValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      strVariable: '',
      variableValue: ''
    };
  },
  watch: {
    strVariable(newVal) {
      this.variableValue = eval(newVal);
    }
  }
};
</script>

在上述代码中，通过使用eval()函数将strVariable中的字符串转换为变量名，并将结果赋给variableValue。在watch监听strVariable的变化时，将转换后的变量的值赋给variableValue，以在模板中显示出来。

以上是在Vue JS中将字符串转换为变量名的两种方法。根据实际情况选择适合的方法来使用。