Vuejs data() 值类型在 TypeScript 中具有自动完成功能

Vuejs data() value types with autocomplete in TypeScript

我正在尝试让类型从 data() 状态传播到组件的其余部分,因为我发现自动完成对于我的编码方式几乎是必不可少的。

我在下面有一个简单的快照,我 return 类型为 L.Map 的 'map' 变量(如果有人感兴趣,请使用 leafletjs)。但是在 mounted() 函数或任何其他函数中,vscode/ts 认为它是一个 'any'.

我环顾四周,看看是否有人遇到同样的问题并解决了,但我什么也没看到。

任何关于我把它放在哪里的帮助将不胜感激!

谢谢 Tomas - 你为我指明了 work-around 的正确方向。我想我有 half-followed 'composition api' 方法。

结论: 简短的回答是 autocomplete/type 数据似乎没有从 data()

中的内部状态通过

修复: 我主要将我的状态推送到一个外部 class 中,它有一个状态指令,包裹在 reactive() 中。

在某些情况下使用它有点繁琐,但拥有正确的类型信息对我来说至关重要。