vue+vue-socket.io 的使用

记录开发时遇到的问题

main.js 中引入

import VueSocketIO from 'vue-socket.io'
import SocketIO from 'socket.io-client';
Vue.use(new VueSocketIO({
  debug: true,  // 生产环境记得关闭
  connection: SocketIO.connect('***',{  // *** 与后台确定链接地址
    transports: ['websocket']
  })
}))

基本上出现这个 就是初始化链接成功了
组件中引用

sockets: {
      disconnect(){
        console.log('连接断开')
      },
      chaTmessage(data) {//'chaTmessage'事件返回值  后端返回接收名称
        console.log('接收')
        console.log(data);
      },
      hello(data) {//'hello'事件返回值   前端发起指定请求方法  相当与send()  用来控制发送请求的时间
        console.log(data);
      }
    },

此方式可能不适用所有人，希望对有用的人有所帮助吧。