如何在TypeScript中声明全局变量并在Vue中使用它

Question

我有一个 main.ts 文件，我想在那里声明一个变量，并在所有 Vue 文件中使用它。

我有一个 sfc.d.ts ，其中包含以下内容：

declare module '*.vue' {
   import Vue from 'vue'
   export default Vue
}

declare var foo: any;

我在 main.ts 中为foo = "1234"分配了一个值。 如何在所有Vue文件中使用此foo变量？ 还是有其他方法可以创建全局变量并在全局范围内使用它？

Answer 1

declare global {
    const foo: string;
}

但是我必须说，这是一种反模式和不良做法（用于生产）