vue 新项目怎么用 websocket发送请求

在 Vue 新项目中使用 WebSocket 发送请求，需要先创建 WebSocket 实例并监听其事件。以下是一个简单的示例：

// 创建 WebSocket 实例
const socket = new WebSocket('ws://localhost:8080');

// 监听 WebSocket 事件
socket.addEventListener('open', (event) => {
  console.log('WebSocket 连接已建立');
});

socket.addEventListener('message', (event) => {
  console.log('收到服务器发送的消息：', event.data);
});

socket.addEventListener('close', (event) => {
  console.log('WebSocket 连接已关闭');
});

socket.addEventListener('error', (event) => {
  console.error('WebSocket 连接发生错误：', event);
});

// 发送数据
socket.send('Hello, WebSocket!');

在上面的示例中，我们创建了一个 WebSocket 实例，并监听了其 `open`、`message`、`close` 和 `error` 事件。在 `message` 事件中，我们可以处理服务器返回的数据。

要发送数据，只需要调用 `send` 方法即可。在上面的示例中，我们向服务器发送了一个字符串 `'Hello, WebSocket!'`。

需要注意的是，WebSocket 使用的是异步通信，因此在发送请求时并没有办法像传统的 AJAX 请求一样等待服务器返回数据。我们需要在 `message` 事件中处理服务器返回的数据，或者使用 Promise 等方式来处理异步请求的结果。