vue3项目使用websocket
时间: 2023-12-17 15:27:05 浏览: 29
在Vue3项目中使用WebSocket,可以使用socket.io-client库。下面是使用socket.io-client库在Vue3项目中使用WebSocket的步骤:
1.安装socket.io-client库
```shell
npm install socket.io-client
```
2.在Vue3项目中引入socket.io-client库
```javascript
import { io } from 'socket.io-client'
```
3.在Vue3组件的setup函数中创建WebSocket实例对象
```javascript
import { onMounted } from 'vue'
import { io } from 'socket.io-client'
export default {
setup() {
let socket = null
onMounted(() => {
// 创建客户端 WebSocket 的实例
socket = io('ws://www.example.com:9999')
})
return {
socket
}
}
}
```
4.使用WebSocket实例对象发送和接收消息
```javascript
socket.emit('message', 'Hello WebSocket')
socket.on('message', (data) => {
console.log(data)
})
```