typescript - this.$socket 在 vue typescript 应用程序中使用 vue-native-websocket 和 vue-socket.io 未定义

Question

我使用 Vue Typescript，我想在我的应用程序中使用 WebSocket。我尝试了 view-native-websocket 和 view-socket.io，我对这两个包的相同问题感到困惑。

首先，它们似乎不兼容 typescript 。 (编译器显示消息:“Could not find a declaration file for module 'vue-...”)

但主要问题是在 Vue 组件中 this.$socket 是未定义的，比如 this.$connection 或 this.$options.socket，尽管我在 main.ts 中添加了下面的 Vue.use 语句，如文档中所示。

import VueNativeSock from 'vue-native-websocket'
Vue.use(VueNativeSock,'ws://localhost:8999');

谁能给我解释一下为什么？

Answer 1

我发现以这种方式访问​​它是可行的:Vue.prototype.$socket