vue使用vue-websocket获取服务端数据示例

好的，这是一个技术问题，我可以为你提供参考资料。以下是一个使用vue-websocket获取服务端数据的示例：

1. 安装vue-websocket：

npm install vue-websocket --save

2. 在Vue中使用vue-websocket：

import Vue from 'vue'
import VueWebsocket from 'vue-websocket'

Vue.use(VueWebsocket, 'ws://localhost:8080')

这里我们使用了ws协议，也可以使用wss协议。

3. 在Vue组件中使用vue-websocket：

export default {
  name: 'WebSocketExample',
  data() {
    return {
      messages: []
    }
  },
  created() {
    this.$websocket.$on('message', (message) => {
      this.messages.push(message)
    })
  }
}

这里我们使用了Vue的生命周期函数created，在WebSocketExample组件创建时调用VueWebsocket的$message方法监听message事件，当服务端发送消息时，将消息推入到messages数组中。

以上是一个使用vue-websocket获取服务端数据的示例，希望对你有所帮助。