WebSocket vue

WebSocket 是一种在单个 TCP 连接上进行全双工通信的网络协议，常用于实时 web 应用程序中。而 Vue.js 是一种流行的 JavaScript 框架，用于构建用户界面。在使用 Vue.js 构建实时 web 应用程序时，可以使用 WebSocket 来实现实时数据传输和通信。

在 Vue.js 中，可以使用第三方库如 vue-socket.io 和 vue-native-websocket 等来实现 WebSocket 功能。这些库提供了易于使用的 API，可以在 Vue.js 应用程序中轻松地集成 WebSocket 功能。

例如，使用 vue-native-websocket 库可以创建一个 WebSocket 实例，然后在 Vue.js 中将其作为插件使用：

import VueNativeSock from 'vue-native-websocket'

Vue.use(VueNativeSock, 'ws://localhost:9090', {
  reconnection: true,
  reconnectionDelay: 3000,
})

上面的代码将创建一个 WebSocket 实例，连接到本地主机上的端口 9090，同时启用自动重连功能。

在 Vue.js 组件中，可以通过 $socket 对象来访问 WebSocket 实例，并使用其提供的方法来发送和接收数据。