How can I declare a global variable in TypeScript and use it across in Vue

Question

I have a main.ts file, I want to declare a variable over there and use it across all the Vue files.

I have a sfc.d.ts with this content:

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

declare var foo: any;

I assigned a value to foo = "1234" in main.ts. How can I use this foo variable in all the Vue files? Or is there any other way, to create global variable and use it across?

(window as any).foo = "1234"; or (<any> window).foo = "1234";. — connexo
– connexo, Commented Aug 29, 2018 at 16:52
Possible duplicate of Declare Typescript global variable as "module" type — connexo
– connexo, Commented Aug 29, 2018 at 16:55
There may be few more global variable, is it correct to store all in window object? — Sam
– Sam, Commented Aug 29, 2018 at 16:55
That is the definition of a global variable in the browser - all of them exist as properties on the window object. If you need you're almost certainly doing something wrong, though. — connexo
– connexo, Commented Aug 29, 2018 at 16:56
yeah correct. i agree. is this the only way or is there any other way? — Sam
– Sam, Commented Aug 29, 2018 at 16:59

DoronG · Accepted Answer · 2020-10-07 23:41:29Z

0

declare global {
    const foo: string;
}

but I must say, this is an anti-pattern and bad practice (for production)

edited Oct 7, 2020 at 23:41

answered Feb 6, 2020 at 22:53

DoronG

2,68318 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

DAG Over a year ago

it's not if your use case requires it. this is ok as long as u know what you are doing.

DoronG Over a year ago

the question is not "if you know what you are doing", it is "if you know what others are doing and if they know what you are doing". JavaScript global scope pollution is one of the most common and know anti-pattern. e.g. tutorialspoint.com/…

Collectives™ on Stack Overflow

How can I declare a global variable in TypeScript and use it across in Vue

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related