vue里创建websocket服务端

Vue 是一个前端框架，无法直接创建 WebSocket 服务端。WebSocket 是一种双向通信协议，可以用于客户端和服务端之间的实时通信。要创建 WebSocket 服务端，需要使用后端语言和框架，例如 Node.js 和 Socket.io。

在 Node.js 中，可以使用 `ws` 模块来创建 WebSocket 服务端。以下是一个简单的示例：

const WebSocket = require('ws');

const server = new WebSocket.Server({ port: 8080 });

server.on('connection', function connection(ws) {
  ws.on('message', function incoming(message) {
    console.log('received: %s', message);
  });

  ws.send('Hello, client!');
});

上面的代码创建了一个 WebSocket 服务端，监听 8080 端口。当有客户端连接时，会触发 `connection` 事件，并向客户端发送一条消息。当客户端发送消息时，会触发 `message` 事件，并在控制台输出收到的消息。

如果你想在 Vue 中使用 WebSocket 实现实时通信，可以在 Vue 组件中使用 `WebSocket` 对象来连接 WebSocket 服务端，并监听 `onmessage` 事件来处理收到的消息。例如：

export default {
  data() {
    return {
      ws: null,
      message: '',
    };
  },
  mounted() {
    this.ws = new WebSocket('ws://localhost:8080');

    this.ws.onmessage = (event) => {
      this.message = event.data;
    };
  },
  methods: {
    sendMessage() {
      this.ws.send(this.message);
    },
  },
};

上面的代码在 Vue 组件中创建了一个 WebSocket 对象，并在 `mounted` 钩子函数中监听 `onmessage` 事件。当收到消息时，会将消息赋值给 `message` 数据。组件中还有一个 `sendMessage` 方法，用于向 WebSocket 服务端发送消息。