socket+vue使用

具体原理不是很明白，先记录一下基本用法
（这种用法是前后端分离形式，且服务端已经规定好事件）
1.首先
npm i socket.io-client -s
npm i vue-socket.io -s
2.在main.js中引用并挂载

    import VueSocketio from 'vue-socket.io';
    import socketio from 'socket.io-client';
    Vue.use(
        new VueSocketio({
        debug: true ,   // debug调试，生产建议关闭
        connection: socketio(window.g.apiUrl),
      })
    )

3.在组件中使用

   sockets: {
    deviceStatus(data){//获取状态更改信息
        //这里的data就是服务端返回的信息，这里可以做处理
    },
    updateDeviceData(){ //监听状态更改
        this.$socket.emit('getDeviceStatus',this.allStudentTicket)
    },
 },