socket 即时通讯(vue)

vue-socket.io使用

1.安装 vue-socket.io

npm install vue-socket.io --save

2.获取socket地址url

3. Vue使用

 Vue.use( new VueSocketIo({
  debug: true,
  connection: url
}))

4.页面和methods平级下写入

sockets:{
 // 链接成功
  connect(data) {
    console.log('链接成功')
  },
  // 发送消息
  toServer(data) {
    this.$socket.emit('toServer', data)
  },
  // 接收消息
  toClient(data) {
   
  },
  // 断开链接回调
  disconnect() {
    console.log('disconnect：', '已经断开 socket 链接')
  },
  // 重新连接
  reconnect() {
    // 自动执行，直到链接成功
    this.$socket.emit('connect')
  }

}