<template>
    <div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                websock: null,
            }
        },
　　　　created(){
           //頁(yè)面剛進(jìn)入時(shí)開(kāi)啟長(zhǎng)連接
            this.initWebSocket()
       },
　　　　destroyed: function() {
　　　　//頁(yè)面銷毀時(shí)關(guān)閉長(zhǎng)連接
　　　　　　this.websocketclose();
　　　　},
　　　　methods: { 
　　　　　　initWebSocket(){ //初始化weosocket 
　　　　　　　
　　　　　　　　const wsuri = process.env.WS_API + "/websocket/threadsocket";//ws地址
　　　　　　　　this.websock = new WebSocket(wsuri); 
　　　　　　　　this.websocket.onopen = this.websocketonopen;

　　　　　　　　this.websocket.onerror = this.websocketonerror;

　　　　　　　　this.websock.onmessage = this.websocketonmessage; 
　　　　　　　　this.websock.onclose = this.websocketclose;
　　　　   }, 

　　　　　　websocketonopen() {
　　　　　　　　console.log("WebSocket連接成功");
　　　　　　},
　　　　　　websocketonerror(e) { //錯(cuò)誤
 　　　　　　 console.log("WebSocket連接發(fā)生錯(cuò)誤");
　　　　　　},
　　　　　　websocketonmessage(e){ //數(shù)據(jù)接收 
　　　　　　　　const redata = JSON.parse(e.data);
　　　　　　　　　//注意：長(zhǎng)連接我們是后臺(tái)直接1秒推送一條數(shù)據(jù)， 
          //但是點(diǎn)擊某個(gè)列表時(shí)，會(huì)發(fā)送給后臺(tái)一個(gè)標(biāo)識(shí)，后臺(tái)根據(jù)此標(biāo)識(shí)返回相對(duì)應(yīng)的數(shù)據(jù)，
      //這個(gè)時(shí)候數(shù)據(jù)就只能從一個(gè)出口出，所以讓后臺(tái)加了一個(gè)鍵，例如鍵為1時(shí)，是每隔1秒推送的數(shù)據(jù)，為2時(shí)是發(fā)送標(biāo)識(shí)后再推送的數(shù)據(jù)，以作區(qū)分
　　　　　　　　console.log(redata.value); 
　　　　　　}, 

　　　　　　websocketsend(agentData){//數(shù)據(jù)發(fā)送 
　　　　　　　　this.websock.send(agentData); 
　　　　　　}, 

　　　　　 websocketclose(e){ //關(guān)閉 
　　　　　　　　console.log("connection closed (" + e.code + ")"); 
　　　　　},
　　　}, 
　　}
 </script>