websocket 来信息 前端进行全部弹框提示 vue编写

要使用WebSocket来实现前端实时接收消息并进行全局弹框提示，可以按照以下步骤进行：

1. 在Vue中使用WebSocket连接到后端的WebSocket服务器，可以使用Vue插件vue-native-websocket来简化操作。安装方式可以使用npm进行安装：`npm install vue-native-websocket --save`。

2. 在Vue组件中注册WebSocket事件，例如在`mounted`生命周期中注册`websocket`事件：

mounted() {
  this.$options.sockets.onmessage = (message) => {
    // 接收到消息后进行处理
    this.handleMessage(message)
  }
},

3. 在`handleMessage`方法中解析收到的消息，并弹出全局提示框。可以使用Vue框架提供的`$notify`方法来实现提示框。例如：

methods: {
  handleMessage(message) {
    // 解析消息
    const data = JSON.parse(message.data)
    // 弹出全局提示框
    this.$notify({
      title: '新消息',
      message: data.content,
      duration: 5000
    })
  }
}

这样就可以实现前端通过WebSocket接收到消息并进行全局弹框提示了。需要注意的是，WebSocket连接可能会断开，因此需要在合适的时机重连WebSocket，可以使用vue-native-websocket提供的自动重连功能。