Vue使用socket.io实现客户端服务器通信

Vue使用socket.io

socket.io中文文档 (适合快速上手)
英文官方文档（适合查阅详细）

介绍

socke.io 是 Websocket的一个库，支持及时、双向与基于事件的交流。它可以在每个平台、每个浏览器和每个设备上工作，可靠性和速度同样稳定。包括客户端的js和服务器端的node.js。

在Vue的客户端部署socket

1.安装插件

npm install vue-socket.io socket.io-client

2.在main.js中导入依赖

import VueSocketIO from 'vue-socket.io'
import SocketIO from 'socket.io-client'
Vue.use(new VueSocketIO({
   
  debug: true,
  connection: SocketIO('ws://127.0.0.1:3000'),  // 连接后端地址
}))

3.在Vue组件中使用

在组件中写入sockets，方法名代表事件，除开已有事件：error、connect、disconnect、disconnecting、newListener、removeListener、ping、pong，其他事件自定义名称作