vue如何使用websocket 请代码说明

可以使用Vue.js的Vue-Websocket库来实现WebSocket的连接和通信。下面是一个示例代码：

安装vue-websocket

npm install vue-websocket

在Vue.js组件中使用Vue-Websocket

import VueWebSocket from 'vue-websocket';

export default {
  mixins: [VueWebSocket('ws://localhost:8080/')],
  mounted() {
    this.$websocket.$on('open', () => {
      console.log('WebSocket opened');
      this.$websocket.$emit('someEvent', { data: 'someData' });
    });
    this.$websocket.$on('message', (message) => {
      console.log('WebSocket message:', message);
    });
    // ...
  },
  methods: {
    sendWebSocketMessage() {
      this.$websocket.$emit('someEvent', { data: 'someData2' });
    },
    // ...
  },
};

在这个例子中，我们引入了VueWebSocket并且使用了它的mixins来实现WebSocket打开，消息收到等事件的监听。在mounted()函数中，我们初始化了WebSocket，注册了open和message事件的处理函数，并且可以使用`this.$websocket.$emit()`方法向服务器发送消息。在methods中，我们可以定义其他操作WebSocket的方法。