在 Vue 項(xiàng)目中如何引用 SocketJS 和 Stomp 這兩個(gè)依賴(lài)呢？

之前吾輩在測(cè)試的時(shí)候使用的是 CDN 服務(wù)引入的，但前端使用的是 Vue 全家桶，應(yīng)該怎樣才能在 Vue 中引入這兩個(gè)依賴(lài)呢？或者不是用這兩個(gè)庫(kù)去實(shí)現(xiàn)服務(wù)端的消息訂閱？

測(cè)試點(diǎn) JavaScript 代碼

  <script type="application/javascript" src="https://cdn.bootcss.com/sockjs-client/1.1.4/sockjs.min.js"></script>
  <script type="application/javascript" src="https://cdn.bootcss.com/stomp.js/2.3.3/stomp.min.js"></script>
  <script>
    let socket = new SockJS('http://127.0.0.1:8080/endpoint');
    stompClient = Stomp.over(socket);
    stompClient.connect(
      {},
      // 連接成功回調(diào)函數(shù).
      frame => {
        console.log('服務(wù)端 Socket 連接建立')

        // 獲取 websocket 連接的 sessionId
        const sessionId = /\/([^\/]+)\/websocket/.exec(socket._transport.url)[1];
        console.log("connected, session id: " + sessionId);

        // 訂閱廣播消息（服務(wù)端單向推送）
        const subscription_broadcast = stompClient.subscribe('/topic/broadcasting/unidirectional/allClient',
          (response) => {
            console.log(`[廣播（服務(wù)端單向推送）]: ${response.body}`)
          });

        // 訂閱廣播消息（雙向通信）
        stompClient.subscribe('/topic/broadcasting/bilateral/allClient', res => {
          console.log(`[廣播（雙向通信）]: ${res.body}`)
        })

        // 訂閱私人消息（雙向通信）
        stompClient.subscribe(`/user/${sessionId}/push/bilateral/thisClient`, res => {
          console.log(`[點(diǎn)對(duì)點(diǎn)推送（雙向通信）]: ${res.body}`)
        })

        send()

      }, error => {
        console.log('Socket 連接失敗')
      });

    function send() {
      // 發(fā)送一個(gè)消息到服務(wù)端
      var headers = {};
      var body = {
        'message': '消息內(nèi)容'
      };
      stompClient.send("/talk", headers, JSON.stringify(body));

      // 發(fā)送一個(gè)消息到客戶(hù)端并且只向當(dāng)前 session 通信
      stompClient.send('/speak', headers, JSON.stringify(body))
    }

    /**
     * 監(jiān)聽(tīng)窗口關(guān)閉事件，窗口關(guān)閉前，主動(dòng)關(guān)閉連接，防止連接還沒(méi)斷開(kāi)就關(guān)閉窗口，server 端會(huì)拋異常
     */
    window.onbeforeunload = function () {
      if (stompClient !== null) {
        stompClient.disconnect();
        socket.close();
      }
      console.log('斷開(kāi)連接');
    };
  </script>

那么，客戶(hù)端應(yīng)該怎么才能引用依賴(lài)呢？或者說(shuō)有其他解決方案？