blog-press/docs/Web/Vue/VueUse.md

title, date

title	date
VueUse简介和使用	2026-06-05

一、安装

npm install @vueuse/core

二、使用

2.1 useWebSocket

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