大数据综合平台echarts使用WebSocket实时数据展示

let link = 'ws://192.168.2.169:8090/websocket'
const socket = new WebSocket(link)
//连接成功
socket.onopen = function (e) {
    console.log('web socket open...')
}
//接收消息
socket.onmessage = function (e) {
	console.log('web socket open...')
	console.log(e.data)//打印后台返回的内容
	//此时可以将数据存到vuex中
}
socket.onerror = function (e) {
    console.log('socket error....', e)
}

socket.onclose = function (e) {
    this.onopen()
    console.log('socket close....', e)
}

把socket挂载到原型上

import socket from '@/lib/socket'

Vue.prototype.$socket = socket