vue websocket

<template>
</template>

<script>
export default {
  data() {
    return {
      websock: null
    }
  },
  created() {
    this.initWebSocket()
  },
  methods: {
    initWebSocket() {
      const wsuri = 'ws://192.168.31.201:8000'
      this.websock = new WebSocket(wsuri)
      this.websock.onopen = this.websocketonopen
      this.websock.onerror = this.websocketonerror
      this.websock.onmessage = this.websocketonmessage
      this.websock.onclose = this.websocketclose
    },
    websocketonopen() {
      console.log('WebSocket連接成功')
    },
    websocketonerror(e) {
      console.log('WebSocket連接發生錯誤')
    },
    websocketonmessage(e) {
      const redata = JSON.parse(e.data)
      console.log(redata.value)
    },
    websocketsend(agentData) {
      this.websock.send(agentData)
    },
    websocketclose(e) {
      console.log('connection closed (' + e.code + ')')
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss">
 
</style>