38 lines
675 B
Markdown
38 lines
675 B
Markdown
---
|
|
title: VueUse简介和使用
|
|
date: 2026-06-05
|
|
---
|
|
|
|
# 一、安装
|
|
```bash
|
|
npm install @vueuse/core
|
|
```
|
|
|
|
# 二、使用
|
|
## 2.1 useWebSocket
|
|
```ts
|
|
<script setup lang="ts">
|
|
iconst { status, send } = useWebSocket('wss://example.com/ws', {
|
|
// 连接成功
|
|
onConnected(ws) {
|
|
console.log('WS connected')
|
|
},
|
|
// 收到消息
|
|
onMessage(ws, event) {
|
|
const msg = JSON.parse(event.data)
|
|
console.log('receive:', msg)
|
|
},
|
|
// 断开
|
|
onDisconnected(ws, event) {
|
|
console.log('WS disconnected, code:', event.code)
|
|
},
|
|
onError(ws, event) {
|
|
console.error('WS error', event)
|
|
},
|
|
autoReconnect: {
|
|
retries: 3,
|
|
delay: 1000
|
|
}
|
|
})
|
|
</script>
|
|
``` |