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

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: ''  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) })