websocket在vue中怎么使用

要在Vue中使用WebSocket，可以使用Vue的插件Vue-WebSocket。以下是使用步骤：

1. 安装Vue-WebSocket插件：可以使用npm安装：npm install vue-websocket
2. 在main.js中导入插件：import VueWebSocket from 'vue-websocket'
3. 在Vue中使用插件：Vue.use(VueWebSocket, 'ws://localhost:8080')，其中第二个参数是WebSocket的地址
4. 在Vue组件中使用WebSocket：可以使用this.$socket来访问WebSocket实例，并使用其提供的方法来发送和接收消息

以下是一个示例：

<template>
  <div>
    <input v-model="message" type="text">
    <button @click="sendMessage">Send</button>
    <ul>
      <li v-for="msg in messages">{{ msg }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: '',
      messages: []
    }
  },
  methods: {
    sendMessage() {
      this.$socket.send(this.message)
      this.message = ''
    }
  },
  mounted() {
    this.$socket.onmessage = (event) => {
      this.messages.push(event.data)
    }
  }
}
</script>

以上示例中，当用户输入消息并点击“Send”按钮时，将使用WebSocket发送消息。同时，当收到新消息时，将在页面上显示它们。