VUE使用WebSocket

下面是一个基本使用的模板，在里面填充业务逻辑、稍作修改就可以了。

<script>
  export default {
    data() {
      return {
        ws: ''
      }
    },
    computed: {
      socketUrl: () => process.env.VUE_APP_WEBSOCKET_URL,
    },
    mounted() {
      this.connectSocket()
    },
    destroyed() { //离开页面关闭Socket连接
      if(this.ws) {
        this.ws.close()
        this.ws = null
      }
    },
    methods: {
      // 连接websocket
      connectSocket() {
        // 打开一个 web socket
        this.ws = new WebSocket(this.socketUrl); //socketUrl连接地址

        this.ws.onopen = () => {  //连接成功回调
          console.log('Socket已连接--------->>>>')
          this.ws.send(); //连接成功之后发送消息
        };

        this.ws.onmessag