---
  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>
```