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

Question

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

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

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

declare var foo: any;

我在 ma​​in.ts 中为 foo = "1234" 分配了一个值。如何在所有 Vue 文件中使用这个 foo 变量？或者还有其他方法来创建全局变量并使用它吗？

Answer 1

declare global {
    const foo: string;
}

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