vue + websocket + element Notification 消息推送

vue+ element Notification消息推送

业务需求：
登录后进入页面，将后端推送过来的【待审批】的消息，用$notify弹出，并且，此推送消息的弹窗可以点击，跳转到审批页面，且展示这条【待审批】的详情弹窗，以供用户审批

---

首先：登录进入页面后，消息可以显示在任何页面，所以，这个消息推送的【通知】写在了App.vue页面中
然后：既然是消息推送，我们用到的是websocket，实时接收消息
再然后：消息推送的【通知】使用的是element的Notification
再然后~~ 上代码

// App.vue
<template>
  <div id="app">
    <transition name="fade" mode="out-in">
      <router-view/>
    </transition>
  </div>
</template>

<script>
import Cookie from "js-cookie";

export default {
  name: "App",
  data() {
    return {
      socUrl: "localhost:8080"
    };
  },
  created() {
    this.initWebSocket();
  },
  methods: {
    initWebSocket() {
      this.$http
        .service({
          metho