vue3怎么接收webSocket数据

要在Vue 3中接收WebSocket数据，您可以使用Vue的生命周期方法和Vue Composition API中的setup()函数来实现。下面是一个简单的代码示例：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
import { onMounted, ref } from 'vue';

export default {
  name: 'WebSocketComponent',
  setup() {
    const message = ref('');

    const socket = new WebSocket('ws://localhost:8080');

    socket.onmessage = (event) => {
      message.value = event.data;
    };

    onMounted(() => {
      socket.onopen = () => {
        console.log('WebSocket connected.');
      };
    });

    return {
      message,
    };
  },
};
</script>

在这个例子中，我们创建了一个WebSocket实例并将其连接到本地主机上的端口8080。我们使用Vue Composition API中的setup()函数来订阅WebSocket的onmessage事件，并在数据到达时更新我们的message变量。我们还使用onMounted()生命周期方法来在组件挂载时打印一条消息，以指示WebSocket已连接。

注意，这只是一个非常基本的例子，WebSocket还有许多其他事件和方法，您可以根据需要进行自定义。