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

<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>

<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>