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

【问题标题】：How can I declare a global variable in TypeScript and use it across in Vue如何在 TypeScript 中声明一个全局变量并在 Vue 中使用它
【发布时间】：2019-02-04 13:01:05
【问题描述】：

我有一个 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 变量？或者有没有其他方法来创建全局变量并在其中使用它？

【问题讨论】：

(window as any).foo = "1234"; 或 (<any> window).foo = "1234";.
Declare Typescript global variable as "module" type的可能重复
全局变量可能比较少，全部存储在window对象中是否正确？
这是浏览器中全局变量的定义——它们都作为属性存在于窗口对象上。但是，如果您需要，您几乎可以肯定做错了什么。
是的，没错。我同意。这是唯一的方法还是有其他方法？

标签： typescript vue.js

【解决方案1】：

declare global {
    const foo: string;
}

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

【讨论】：

如果您的用例需要，则不需要。只要你知道你在做什么就可以了。
问题不是“如果你知道自己在做什么”，而是“如果你知道别人在做什么，他们是否知道你在做什么”。 JavaScript 全局范围污染是最常见和最知名的反模式之一。例如tutorialspoint.com/…