关于vue-socket.io使用及版本原因消息无法监听bug

npm install vue-socket.io --save-dev

import Vue from 'vue'
import VueSocketIO from 'vue-socket.io'
import { getToken } from "../../libs/util";
let testA;
let wesocket = {
  debug: true,
  connection: ''
}
function getSocket (t) {
  console.log('地址',process.env.VUE_APP_SOCKET)
  var socketIp = process.env.VUE_APP_SOCKET// socket地址\
  wesocket.connection = socketIp
  if (getToken() || t) { // 判断是否有token  tokenId  sessid
    let tk = getToken() ? getToken() : t
    wesocket.connection = socketIp + '?sessid=' + tk
  }
  wesocket.debug = true // 是否开启控制台监听打印数据
  if (wesocket.connection != '') {
    Vue.use(new VueSocketIO(wesocket))
  }
}
getSocket();
//挂在在全局prototype上
Vue.prototype.$getSocket = getSocket

export default testA

import VueSocketIO from './lib/socket'  
new Vue({  
    el: '#app',  
    VueSocketIO,  
    components: {  
    App  
},  
template: '<App/>'  10.    })

//跟methods同级 
sockets: {
   connect: function () {
       console.log('connect====连接');
  },
   // 监听断开连接，函数
   disconnect() {
       console.log('disconnect====监听断开连接')
   },
   reconnect () {
       console.log('reconnect====再连接')
   },
   msginfo: function (data) {
       let jsonObj = JSON.parse(data) ;
       console.log('jsonObj++++++++++',jsonObj)
   },
   msginfoTip: function (data) { // socket获取冒泡信息
       let data1 = JSON.parse(data);
       let _this = this
       // console.log('data1获取冒泡信息',data1)
   }
}

this.sockets.listener.subscribe('connect', (data) => {
  console.log('connect连接成功')
})

this.sockets.listener.subscribe('msginfo', (data) => {
  console.log('数据监听msginfo',data)
})

this.sockets.listener.subscribe('msginfoTip', (data) => {
  console.log('数据监听msginfoTip',data)
})