抱歉，您的浏览器无法访问本站
本页面需要浏览器支持（启用）JavaScript
了解详情 >

Vue 3 + Typescript 拓展全局属性

发布于：2025年8月6日

字数：181 字

时长：1 分钟

次浏览

众所周知，Vue 是一个极其庞大的框架库

以前我们用下面的语句来拓展全局属性

1
declare module '@vue/runtime-core' {}

但是这样做会搞坏其他属性的类型，你就能看到一大堆 does not exist 了

于是，现在 Vue docs 推荐使用

1
declare module 'vue' {}

但是这样就会发现拓展的属性没有类型提示（变 any）了

经过一系列的网上冲浪，终于在 pinia 的类型定义里翻到了下面的这种方法

1
2
3
4
5
6
7
8
9
declare module 'vue' {
    interface GlobalComponents {}
    interface ComponentCustomProperties {
        // properties here
    }
}

// normally this is only needed in .d.ts files
export {}

这样就可以让ts编译器屈服于你了

Vue 3 + Typescript 拓展全局属性
https://blog.btjawa.top/posts/vue-typesafe-global-extend/
本文作者
btjawa
发布于
2025年8月6日
许可协议
CC BY-NC-SA 4.0
署名-非商业性使用-相同方式共享 4.0 国际。

更新于：2025年8月6日

Vue

Typescript

字数：181 字

时长：1 分钟

评论