vue3+vite+ts的项目,我想在window上挂载额外属性,我该怎么做
时间: 2024-03-08 12:49:41 浏览: 346
vue3+vite+ts
在 Vue3 + Vite + TypeScript 项目中,你可以通过在全局中声明一个接口来扩展 `Window` 对象的属性,具体操作如下:
1. 在 `src` 目录下新建一个 `shims-window.d.ts` 文件,用于声明全局扩展接口:
```typescript
declare interface Window {
myExtraProperty: string;
}
```
2. 在需要使用的组件或模块中,直接通过 `window.myExtraProperty` 访问该额外属性即可:
```typescript
console.log(window.myExtraProperty);
```
在这个例子中,我们扩展了 `Window` 对象,增加了一个名为 `myExtraProperty` 的字符串类型属性。在其他组件或模块中,只需要通过 `window.myExtraProperty` 访问该属性即可。注意,由于这是在全局中声明的接口,因此在任意组件或模块中都可以使用。
阅读全文