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')
}
}
网友评论