若依vue3怎么通过WebSocket实现全局实时报警提示框功能后端地址ws://localhost:8090/websocket/1

要在 Vue 3 中使用 WebSocket 实现全局实时报警提示框功能，你可以使用 WebSocket API 来创建 WebSocket 连接，并在 Vue 3 中使用全局事件总线来处理接收到的消息。以下是一个简单的示例代码：

// 在 main.js 中创建 WebSocket 连接
const socket = new WebSocket('ws://localhost:8090/websocket/1')

// 监听 WebSocket 连接状态
socket.onopen = () => {
  console.log('WebSocket 连接已建立')
}

socket.onclose = () => {
  console.log('WebSocket 连接已关闭')
}

socket.onerror = () => {
  console.log('WebSocket 连接发生错误')
}

// 监听 WebSocket 接收到的消息
socket.onmessage = (event) => {
  const data = JSON.parse(event.data)
  // 把接收到的消息发送到全局事件总线
  EventBus.$emit('websocket-message', data)
}

// 在 Vue 3 中使用全局事件总线处理 WebSocket 接收到的消息
const app = createApp(App)

app.config.globalProperties.$eventBus = new Mitt()

app.mount('#app')

// 在需要接收 WebSocket 消息的组件中监听全局事件总线
export default {
  mounted() {
    this.$eventBus.on('websocket-message', (data) => {
      // 处理接收到的消息
    })
  }
}

在上面的示例代码中，我们使用 WebSocket API 来创建 WebSocket 连接，并监听连接状态和接收到的消息。我们还在 Vue 3 中使用全局事件总线来处理接收到的消息。在组件中，我们可以通过监听全局事件总线来处理接收到的消息。