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

Question

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

我有一个包含以下内容的sfc.d.ts：

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

declare var foo: any;

我foo = "1234"在main.ts 中分配了一个值。如何foo在所有 Vue 文件中使用这个变量？或者有没有其他方法可以创建全局变量并使用它？

Answer 1

declare global {
    const foo: string;
}

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