前端vue调用websocket接口

要在Vue中调用WebSocket接口，您可以使用JavaScript WebSocket API。以下是一个简单的示例：

// 创建WebSocket对象
const ws = new WebSocket('ws://localhost:8080');

// 监听WebSocket连接打开事件
ws.addEventListener('open', event => {
  console.log('WebSocket连接已打开');
  
  // 发送数据
  ws.send('Hello WebSocket!');
});

// 监听WebSocket接收到消息事件
ws.addEventListener('message', event => {
  console.log('WebSocket收到消息:', event.data);
});

// 监听WebSocket关闭事件
ws.addEventListener('close', event => {
  console.log('WebSocket连接已关闭');
});

// 监听WebSocket连接错误事件
ws.addEventListener('error', event => {
  console.error('WebSocket连接错误:', event);
});

在上面的代码中，我们创建了一个WebSocket对象并连接到指定的服务器地址。一旦连接成功建立，我们可以使用`send()`方法发送数据到服务器，使用`addEventListener()`方法监听`message`事件来接收服务器发送的数据。

注意，WebSocket连接是异步的，因此您需要在事件处理程序中处理WebSocket的各种事件，例如连接打开、消息接收、连接关闭和连接错误。