在vue中,我们经常会使用this去访问全局变量,但是在ts中,this上并没有类型说明,因此直接使用会报错。
当然我们可以通过// @ts-ignore 去忽视这个问题,但毕竟不够优雅,而且每次使用都要写,很麻烦。
解决方法: 自己去写一个类型说明加到vue属性上就好,在main.ts中添加。
declare module "@vue/runtime-core" {
interface ComponentCustomProperties {
$message: SFCWithInstall<Message>;
}
}
如果有其他全局属性,也一样写就好。