vue使用按钮链接websocket

要使用按钮链接 WebSocket，您需要执行以下操作：

1. 在 Vue 组件中导入 WebSocket 模块：

import WebSocket from 'websocket';

2. 创建一个 WebSocket 实例：

let ws = new WebSocket('ws://localhost:8000');

在此示例中，WebSocket 服务器的地址为 `ws://localhost:8000`。

3. 在按钮的 click 事件处理程序中，调用 WebSocket 实例的 send() 方法：

<button @click="sendMessage">发送消息</button>

methods: {
  sendMessage() {
    ws.send('Hello World!');
  }
}

在此示例中，当用户单击按钮时，会向 WebSocket 服务器发送一条消息 `Hello World!`。

4. 可以在 WebSocket 实例上监听 open、message、error 和 close 事件：

ws.addEventListener('open', () => {
  console.log('WebSocket 打开成功！');
});

ws.addEventListener('message', event => {
  console.log(`收到消息：${event.data}`);
});

ws.addEventListener('error', event => {
  console.log(`WebSocket 错误：${event}`);
});

ws.addEventListener('close', event => {
  console.log(`WebSocket 关闭：${event.code} ${event.reason}`);
});

在此示例中，当 WebSocket 连接成功时，打印 `WebSocket 打开成功！`；当收到消息时，打印收到的消息；当 WebSocket 发生错误时，打印错误信息；当 WebSocket 连接关闭时，打印关闭的代码和原因。