Uncaught SyntaxError：意外的严格模式保留字Vue.js

Question

我有一个Vue实例

var interface = new Vue(
{...}
)

然后我创建了一个名为MyCustomTooltip的类

class MyCustomTooltip {

    constructor(array_info,vue_instance) {
        this.tooltip_info = array_info;
        this.vue_instance = vue_instance

        console.log(interface)

    }
}

我尝试在MyCustomTooltip类的某些方法中使用“接口”实例，但是当我引用它时，我得到Uncaught SyntaxError: Unexpected strict mode reserved word。我通过将vue实例传递给构造函数解决了该问题，但是现在每次创建新的MyCustomTooltip实例时，我都必须发送interface变量。

有人知道为什么会这样吗？ 我怎样才能解决这个问题？ 我采用了错误的方法吗？

Answer 1

您是否正在使用TypeScript？如果是这样，interface是用于声明接口https://www.typescriptlang.org/docs/handbook/interfaces.html

的保留关键字。

一个简单的解决方法是为变量提供一个不同的名称。甚至只需将其更改为myInterface也可以解决问题。

如果您没有使用TypeScript，则看到的错误是意外的。