Vuejs2 VueJs-在数据函数中使用模板字符串返回未定义的

当我尝试在vuejs中的数据函数中使用模板字符串时，它总是返回未定义的字符串。您知道如何解决这个问题吗

我试图为API调用创建一个动态URL

干杯

  data() {
    return {
      baseUrl: `https://example.com/api/json?key=${this.key}`,
      key: "IzNDU2Nzg5MDEyMzQ1Njc"
    };
  }

---

数据属性不能设置为动态。使用计算属性，如下所示：

computed: {
    baseUrl() {
        return `https://example.com/api/json?key=${this.key}`
    }
}

---

这是一个JavaScript问题。如果在JavaScript中运行下面的简单示例，在严格模式下运行时会出现一个未定义错误

{ a: `${b}`, b: "123" }
> VM246:1 Uncaught ReferenceError: b is not defined

您不能在对象文字声明中引用示例中相邻的变量“key”

您可以为baseURL使用Vue.je计算属性：

computed: {
  baseUrl() {
    return `https://example.com/api/json?key=${this.key}`;
  }
}

---

谢谢你的魅力，谢谢。因此，当您提到这是一个JavaScript问题时，我需要了解如何在js中处理它？