帮我写一个在vue3中使用的webstock

Sure, 这里是一个简单的在Vue 3中使用WebSocket的示例代码：

<template>
  <div>
    <h1>WebSocket Example</h1>
    <div>{{ message }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      socket: null,
      message: ''
    }
  },
  mounted() {
    this.socket = new WebSocket('ws://localhost:8080')

    this.socket.addEventListener('message', (event) => {
      this.message = event.data
    })
  },
  beforeUnmount() {
    this.socket.close()
  }
}
</script>

在这个示例中，我们首先定义了一个WebSocket对象和一个message变量。然后，在mounted钩子中，我们初始化了WebSocket的连接，并监听了收到的消息。在beforeUnmount钩子中，我们关闭了WebSocket连接。

希望以上代码对你有所帮助！