vue 收到后端websockect发送过来的消息后弹窗显示该消息，websockect写在App.vue中

可以在 `App.vue` 中使用 `vue-websocket` 库来实现 WebSocket 连接，然后接收后端 WebSocket 发送过来的消息并弹窗显示。

以下是一个简单的示例代码：

<template>
  <div class="app">
    <h1>My App</h1>
  </div>
</template>

<script>
import Vue from 'vue'
import VueWebSocket from 'vue-websocket'

Vue.use(VueWebSocket, 'ws://localhost:3000') // 替换成后端 WebSocket 服务器地址

export default {
  name: 'App',
  mounted () {
    this.$options.sockets.onmessage = (event) => {
      // 接收到 WebSocket 消息后弹窗显示
      alert(event.data)
    }
  }
}
</script>

在 `mounted` 生命周期函数中，使用 `this.$options.sockets.onmessage` 监听 WebSocket 的消息事件，一旦接收到消息，就会弹窗显示该消息。其中 `event.data` 表示接收到的消息内容。需要将 `ws://localhost:3000` 替换成实际的后端 WebSocket 服务器地址。