vue中怎么使用websocket

在Vue中使用WebSocket需要先安装WebSocket库，可以使用npm安装。

npm install --save websocket

安装完成后，可以在Vue组件中引入WebSocket库，然后创建WebSocket对象，连接到WebSocket服务器。

import WebSocket from 'websocket';

export default {
  name: 'WebSocketDemo',
  data() {
    return {
      socket: null,
      messages: []
    }
  },
  mounted() {
    this.socket = new WebSocket('ws://localhost:8080');
    this.socket.onopen = () => {
      console.log('WebSocket连接成功');
    }
    this.socket.onmessage = (event) => {
      const message = event.data;
      this.messages.push(message);
    }
    this.socket.onclose = () => {
      console.log('WebSocket连接关闭');
    }
    this.socket.onerror = (error) => {
      console.error('WebSocket连接错误：', error);
    }
  },
  methods: {
    sendMessage(message) {
      this.socket.send(message);
    }
  }
}

在mounted钩子函数中，创建WebSocket对象并连接到WebSocket服务器，然后监听WebSocket的事件，如onopen、onmessage、onclose、onerror等。当WebSocket连接成功时，会打印一条连接成功的日志。当WebSocket接收到消息时，会将消息存储到messages数组中，可以在页面中展示出来。当WebSocket连接关闭或发生错误时，会打印相应的日志。sendMessage方法可以向WebSocket服务器发送消息。

以上是一个简单的Vue组件中使用WebSocket的示例。当然，具体的实现方式还需要根据业务需求和服务器端的实现来进行调整。