vue3 使用VueNativeSock 连接websocket

以下是使用VueNativeSock连接WebSocket的步骤：

1.首先，安装VueNativeSock包。可以使用npm或yarn进行安装：

npm install vue-native-websocket

或

yarn add vue-native-websocket

2.在Vue应用程序的入口文件中导入VueNativeSock并使用它：

import Vue from 'vue'
import VueNativeSock from 'vue-native-websocket'

Vue.use(VueNativeSock, 'ws://localhost:9090', {
  reconnection: true, // 自动重新连接
  reconnectionAttempts: Infinity, // 重新连接尝试次数
  reconnectionDelay: 2000, // 重新连接时间间隔
})

在这个例子中，我们将WebSocket连接到本地主机的9090端口。我们还启用了自动重新连接，并设置了重新连接尝试次数和时间间隔。

3.现在，您可以在Vue组件中使用VueNativeSock。例如，您可以在mounted钩子中打开WebSocket连接：

export default {
  mounted() {
    this.$socket.open()
  },
  // ...
}

在这个例子中，我们使用了$socket对象的open方法来打开WebSocket连接。