webSocket在vue项目中实现获取实时在线人数

     //本地服务 http协议 使用 ws
     var socket = new WebSocket("wss://xxxxxxxxxxxxxxxxx"); // 服务器长链接路径
       //  建立 web socket 连接成功触发事件
		socket.onopen =function (e) {
			 console.log("连接成功opened", e);
		};
      // 接收服务端数据时触发事件
      var that =this
	  socket.onmessage = function (e) {
		console.log('接收服务端数据',e.data);
        var msgObj = JSON.parse(e.data);
        // console.log(this)
        that.online=msgObj.OnlineCount
        // console.log('msgObj',that.online)
			// $('#msgs').append(msgObj.Content + '<br />');
      };
      // 断开 web socket 连接成功触发事件
      socket.onclose = function (e) {
				console.log(" 断开连接成功socket closed", e);
      };
      // 用于指定报错时的回调函数
	socket.onerror = function (e) {
	  console.error('指定报错时的回调函数',e.data);
	};