vue使用socket做客户端
时间: 2023-09-17 19:10:26 浏览: 79
vue 客户端
Vue可以使用WebSocket来实现客户端与服务器之间的实时通信。下面是一个简单的示例:
1. 首先在Vue项目中安装socket.io-client:
```
npm install socket.io-client --save
```
2. 在Vue组件中引入socket.io-client:
```
import io from 'socket.io-client';
```
3. 在Vue组件的`created`生命周期函数中创建Socket连接:
```
created() {
const socket = io('http://localhost:3000');
socket.on('connect', () => {
console.log('Connected to server');
});
}
```
4. 监听服务器发送的消息:
```
socket.on('message', message => {
console.log('Received message from server: ', message);
});
```
5. 发送消息给服务器:
```
socket.emit('message', 'Hello server!');
```
这样就可以使用Socket实现客户端与服务器之间的实时通信了。当服务器有新消息时,客户端会自动接收到消息并进行处理。
阅读全文