vue中，使用websocket接收到后端推送的消息，刷新组件，如何实现

在Vue中，可以使用WebSocket来接收后端推送的消息，并实现实时刷新组件的效果。具体实现步骤如下：

1. 在Vue组件的`mounted`生命周期方法中创建WebSocket实例，并监听`onmessage`事件，接收后端的推送消息。

mounted() {
  const ws = new WebSocket('ws://localhost:8080');
  ws.onmessage = (event) => {
    // 接收到后端推送的消息后，更新组件的数据
    this.message = event.data;
  }
},

2. 在Vue组件中定义需要更新的状态数据，例如`message`，然后在接收到后端推送的消息后，更新这个数据。这样就会自动触发Vue的响应式更新机制，实时刷新组件。

data() {
  return {
    message: ''
  };
}

3. 在Vue组件的模板中使用插值表达式或者指令，把状态数据渲染到页面中。

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

这样，在接收到后端推送的消息后，`message`数据会更新，从而自动触发组件的重新渲染，实现实时刷新页面的效果。

需要注意的是，在Vue组件销毁时，应该关闭WebSocket连接，以免造成资源浪费。可以在Vue组件的`beforeDestroy`生命周期方法中关闭WebSocket连接。

beforeDestroy() {
  this.ws.close();
},