用VUE写一个发送websocket的代码

好的，以下是一个简单的使用 Vue 发送 WebSocket 请求的代码示例：

1. 首先，在您的 Vue 组件中，您需要通过 `import` 引入 `WebSocket` 对象：

import WebSocket from 'ws';

2. 在 `created` 生命周期函数中，创建 WebSocket 连接并监听消息：

created() {
  const ws = new WebSocket('ws://your-websocket-url.com');

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

  ws.onmessage = (event) => {
    console.log(`Received message: ${event.data}`);
  };
},

3. 在需要发送 WebSocket 消息的时候，调用 `ws.send` 方法：

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

完整的代码示例：

<template>
  <div>
    <button @click="sendMessage">Send WebSocket Message</button>
  </div>
</template>

<script>
import WebSocket from 'ws';

export default {
  created() {
    const ws = new WebSocket('ws://your-websocket-url.com');

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

    ws.onmessage = (event) => {
      console.log(`Received message: ${event.data}`);
    };
  },

  methods: {
    sendMessage() {
      ws.send('Hello, WebSocket!');
    }
  }
}
</script>

请注意，此示例仅是一个简单的发送 WebSocket 请求的示例，实际应用中可能需要进行更多的逻辑处理和错误处理。