vue2 websocket怎么使用
时间: 2023-12-20 16:07:12 浏览: 202
vue中使用websocket
5星 · 资源好评率100%
您好,关于使用Vue2和WebSocket,一般的步骤如下:
1. 安装WebSocket依赖库:
```js
npm install --save ws
```
2. 在Vue2中使用WebSocket:
```js
import WebSocket from 'ws';
//创建WebSocket连接
const socket = new WebSocket('ws://localhost:8080');
//连接成功后回调
socket.onopen = function() {
console.log('WebSocket连接已打开');
}
//接收到服务器发送的消息回调
socket.onmessage = function(event) {
console.log(`接收到消息:${event.data}`);
}
//关闭WebSocket连接回调
socket.onclose = function(event) {
console.log('WebSocket已关闭');
}
//发送消息到服务器
socket.send('Hello WebSocket!');
```
以上是一个基本的使用WebSocket的示例,其中ws://localhost:8080需要替换成你的服务器地址。希望能帮到你,如果有其他问题可以继续提出。
阅读全文